don't use flexbox for nav menu; style top of sibling list instead of bottom

diff --git a/src/css/nav.css b/src/css/nav.css
index bf837d0..33471c1 100644 (file)
--- a/src/css/nav.css
+++ b/src/css/nav.css
@@ -62,8 +62,6 @@ html.is-clipped--nav {
 
 .nav-panel-menu {
   overflow-y: scroll;
-  display: flex;
-  flex-direction: column;
   height: var(--nav-panel-height);
 }
 
@@ -89,9 +87,7 @@ html.is-clipped--nav {
 }
 
 .nav-menu {
-  flex-grow: 1;
-  min-height: 0;
-  width: 100%;
+  min-height: 100%;
   padding: 0.5rem 0.75rem;
   line-height: var(--nav-line-height);
   position: relative;
@@ -114,8 +110,8 @@ html.is-clipped--nav {
   padding: 0;
 }
 
-.nav-menu > .nav-list {
-  margin-bottom: 0.5rem;
+.nav-menu > .nav-list + .nav-list {
+  margin-top: 0.5rem;
 }
 
 .nav-item {