M docs/changelog.txt → docs/changelog.txt

@@ -2,6 +2,8 @@ changelog
 
 === next
 
++ Some UI improvements to web interface.
+
 + Add atme class to mentions
 
 + Improvements to the mastodon importer.

M views/header.html → views/header.html

@@ -57,7 +57,10 @@ <input type="text" name="q" autocomplete=off size=10 placeholder="search">
 </form>
 </ul>
 </details>
-<p id="topspacer"></p>
+<div id="topspacer">
+<p>
+<p class="nophone" onclick="window.scrollTo(0,0)">top
+</div>
 {{ else }}
 <div id="topmenu">
 <span><a id="homelink" href="/">home</a></span>

M views/style.css → views/style.css

@@ -74,6 +74,7 @@ max-height: calc(100% - 1em);
 	overflow: auto;
 	opacity: 0.7;
 	overscroll-behavior: contain;
+	z-index: 2;
 }
 header > details[open] {
 	padding: 1em 1em 0em 1em;
@@ -90,6 +91,9 @@ display: inline;
 }
 header > details li {
 	margin: 1em 0em 1em 0em;
+}
+details summary {
+	cursor: pointer;
 }
 main {
 	max-width: 1200px;
@@ -130,6 +134,9 @@ display: inline-block;
 }
 button a {
 	text-decoration: none;
+}
+button {
+	cursor: pointer;
 }
 form {
 	margin-top: 1em;
@@ -295,6 +302,16 @@ height: 2em;
 	vertical-align: middle;
 	margin: -2px;
 	object-fit: contain;
+}
+.nophone {
+	position: fixed;
+	opacity: 0.7;
+	cursor: pointer;
+}
+@media screen and (max-width: 1360px) {
+	.nophone {
+		display: none;
+	}
 }
 @media screen and (max-width: 740px) {
 	body {