From 3a187409f4aa8e1a868b4d91af66fb2d83ec3d37 Mon Sep 17 00:00:00 2001
From: "Kevin C. Coram" <kcoram@gmail.com>
Date: Mon, 9 Dec 2019 21:23:24 -0500
Subject: [PATCH] Style the site-menu

* Remove the list item bullets
* Put some padding between the list items
* Style the navigation area to be a flex box, with item wrapping
* Add a decorative border to the navigation area
---
 layouts/_default/baseof.html |  2 +-
 static/css/layout.css        | 13 +++++++++++++
 static/css/style.css         |  7 ++++++-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index b51063a..77c396f 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -23,7 +23,7 @@
         <!-- Code that all your templates share, like a header -->
         {{ partial "header.html" . }}
         {{- end }}
-        <nav>
+        <nav class="site-menu">
             {{ block "site-menu" . -}}
             {{ partial "site-menu.html" . }}
             {{- end }}
diff --git a/static/css/layout.css b/static/css/layout.css
index 2d847e2..590a470 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -7,3 +7,16 @@
 div.author-card-content {
   flex-grow: 1;
 }
+
+nav.site-menu ul {
+  display:flex;
+  flex-wrap: wrap;
+  justify-content: left;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+nav.site-menu ul li {
+  padding: 0.5em 0.5em 0.5em 0.5em;
+}
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index ca3c0c5..f84e909 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -5,4 +5,9 @@ img.u-photo {
 
 .glyph {
   font-size: 1.25em;
-}
\ No newline at end of file
+}
+
+nav.site-menu {
+  border-top: thin solid;
+  border-bottom: double;
+}