header: tweak sizing

2023-05-19 20:16:05 +00:00 · 2023-05-19 20:16:05 +00:00 · 996a0760b6
commit 996a0760b6
parent e1052c811a
1 changed files with 7 additions and 5 deletions
--- a/frontend/src/main.sass
+++ b/frontend/src/main.sass
@ -1,10 +1,13 @@
 header
  width: 100vw
-  min-height: 50px
+  min-height: 3em

  background-color: green
  color: white
  font-weight: 600
+  font-size: 1.2em
+  line-height: 1.5em
+  white-space: nowrap

  a
    color: white
@ -19,13 +22,12 @@ header
    list-style-type: none
    margin: 0
    padding: 0
+    overflow: hidden

    // menu items
-    li
+    & > li
      display: inline
-      margin: 0 10px
-      padding: 2px 10px
-      line-height: 1.5rem
+      padding: 4px 20px

      // submenus
      & > ul