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

@@ -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 }}

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;
+}

static/css/style.css

@@ -5,4 +5,9 @@ img.u-photo {
 
 .glyph {
   font-size: 1.25em;
-}
+}
+
+nav.site-menu {
+  border-top: thin solid;
+  border-bottom: double;
+}