index: vertical spacing between navigation links
authorMischa POSLAWSKY <perl@shiar.org>
Thu, 25 May 2017 17:23:12 +0000 (19:23 +0200)
committerMischa POSLAWSKY <perl@shiar.org>
Mon, 29 May 2017 17:23:12 +0000 (19:23 +0200)
Increase distance to facilitate mobile clicking;
makes the page mobile-friendly according to
<https://search.google.com/search-console/mobile-friendly?url=sheet.shiar.nl>
which recommends elements to be at least 48px apart:
<https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately>

base.css

index 5336d63..c76d6a0 100644 (file)
--- a/base.css
+++ b/base.css
@@ -695,6 +695,10 @@ nav > .section {
        -webkit-column-break-inside: avoid; /* webkit */
        page-break-inside: avoid; /* moz */
 }
+#index nav a {
+       display: inline-block;
+       margin-top: 1em;
+}
 
 /* printing hints */