style fixes

site/src/components/TopNav.html

@@ -69,10 +69,6 @@
 		font-weight: 300;
 	}
 
-	.open {
-		overflow-y: auto;
-	}
-
 	.primary {
 		list-style: none;
 		font-family: var(--font);
@@ -117,7 +113,6 @@
 
 	ul.open li {
 		display: block;
-		/* padding: 1.7rem 0 0; */
 		text-align: right
 	}
 
@@ -131,7 +126,6 @@
 	}
 
 	ul.open li a {
-		font-size: var(--h6);
 		padding: 2rem .7rem 0 .8rem;
 		display: block;
 	}
@@ -189,6 +183,24 @@
 			background: none;
 		}
 
+		ul.open {
+			padding: 0;
+			background: white;
+			border: none;
+			align-self: initial;
+		}
+
+		ul.open li {
+			display: inline;
+			text-align: left;
+		}
+
+		ul.open li a {
+			font-size: var(--h6);
+			padding: 0 .8rem;
+			display: inline;
+		}
+
 		ul::after {
 			display: none;
 		}

site/src/routes/guide/index.html

@@ -170,9 +170,11 @@
 		border: none !important; /* TODO get rid of linkify */
 	}
 
-	.content :global(h2):hover :global(.anchor),
-	.content :global(h3):hover :global(.anchor) {
-		opacity: 1;
+	@media (min-width: 768px) {
+		.content :global(h2):hover :global(.anchor),
+		.content :global(h3):hover :global(.anchor) {
+			opacity: 1;
+		}
 	}
 
 	.content :global(h3),