From b7678373ff6ea9f8dfc90a0c889e218a5c1d9455 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Tue, 9 Aug 2022 20:12:34 -0600
Subject: [PATCH] Flexbox nav menu

---
 _layouts/blog.html     |  1 -
 _layouts/default.html  |  7 ++-----
 assets/css/default.css | 12 ++++++++++--
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/_layouts/blog.html b/_layouts/blog.html
index 355cbf9..246a3bc 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -12,4 +12,3 @@ layout: default
 			{% endfor %}
 	</div>
 {% endif %}
-
diff --git a/_layouts/default.html b/_layouts/default.html
index a47a40d..50e41e1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -36,17 +36,14 @@
     </main>
 
     <footer>
-      <nav class="left">
+      <nav>
         <ul>
           <li><a href="{{ '/tartans/' | relative_url }}" title="AKA Plaids">Tartans</a></li>
           <li><a href="{{ '/poems/' | relative_url }}" title="I won't quit my day job">Poems</a></li>
           <li><a href="{{ '/papers/' | relative_url }}" title="Various writings">Papers</a></li>
           <li><a href="{{ '/blog/' | relative_url }}" title="Public Journal">Blog</a></li>
           <li><a href="{{ '/toys/' | relative_url }}" title="Dumb apps">Toys</a></li>
-        </ul>
-      </nav>
-      <nav class="right">
-        <ul>
+          <li class="fill"></li>
           <li><a href="https://github.com/nealey/">GitHub</a></li>
           <li><a href="mailto:neale@woozle.org">Email</a></li>
         </ul>
diff --git a/assets/css/default.css b/assets/css/default.css
index 7a262f5..9d2d710 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -76,13 +76,21 @@ footer {
 }
 
 nav ul {
+  display: flex;
   padding: 0;
   margin-top: 0;
   margin-bottom: 1em;
+  flex-wrap: wrap;
 }
-nav li {
+
+nav ul li {
   display: inline;
-  padding-right: 1em;
+  padding: 0 0.5em;
+  flex-grow: 1;
+}
+
+nav ul .fill {
+  flex-grow: 20;
 }
 
 .left {