style enforce consistent nav height across all pages

Set min-height: var(--nav-height) on nav#top and prevent the nav links from wrapping (flex-wrap: nowrap) to maintain a single-row bar of consistent height regardless of page type or toolbar presence.

Commit
2a4425268978c37b46d992bfa183db32194c9c3b
Author
Marius Peter <dev@marius-peter.com>
Author date
Committer
Marius Peter <dev@marius-peter.com>
Committer date
lib/static/styles.css
index 812aea27..2ffd7829 100644..100644
@@ -108,6 +108,8 @@
108 108 z-index: 10;
109 109 display: flex;
110 110 align-items: center;
111 Added: min-height: var(--nav-height);
112 Added: box-sizing: border-box;
111 113 }
112 114
113 115 .nav-toggle {
@@ -165,7 +167,7 @@
165 167
166 168 nav#top ul {
167 169 display: flex;
168 Removed: flex-wrap: wrap;
170 Added: flex-wrap: nowrap;
169 171 list-style-type: none;
170 172 padding: 0.25em;
171 173 margin: 0;