Space out nav links for mobile devices

3 files changed, 14 insertions, 4 deletions

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 54aafbb..d4efead 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,6 +1,6 @@
 {{ define "main" -}}
 <nav>
-  <p><a href="/" rel="noreferrer">Return to homepage</a></p>
+  <p class="return"><a href="/" rel="noreferrer">Return to homepage</a></p>
 </nav>
 <main>
   {{ .Content -}}
diff --git a/layouts/index.html b/layouts/index.html
index 02bf301..c98c1f2 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -4,11 +4,11 @@
   <p>{{ .Site.Params.indexIntro }}</p>
   <h2>Navigation Links</h2>
   <nav>
-    <p>
+    <ul>
     {{- range .Site.Menus.main }}
-    <a href="{{ .URL }}" rel="noreferrer">{{ .Name }}</a><br>
+	<li class="navlink"><a href="{{ .URL }}" rel="noreferrer">{{ .Name }}</a></li>
     {{- end }}
-    </p>
+    </ul>
   </nav>
   <h2>Journal Entries</h2>
   {{ partial "metadata.html" . -}}
diff --git a/static/css/style.css b/static/css/style.css
index 572c6c9..20c8635 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -92,3 +92,13 @@ ul {
 p, pre, ul, ol, blockquote {
     margin-bottom: 1.4em;
 }
+
+nav ul {
+    list-style: none;
+}
+
+@media (pointer: coarse) {
+    .return, .navlink {
+        margin-bottom: 1em;
+    }
+}