Navbar slimdown

src/pages/app.css

@@ -58,7 +58,7 @@ header h1 a:visited {
     text-decoration: none;
 }
 header h1 .brand-emblem { height: 8rem; width: auto; margin-block: -0.2rem; }
-header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--grid-1); }
+header nav { display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; }
 
 /* ---- Nav dropdown menus ---- */
 
@@ -70,7 +70,7 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
     display: inline-flex;
     align-items: center;
     gap: 0.3rem;
-    padding: 0.3rem 0.6rem;
+    padding: 0.1rem 0.4rem;
     user-select: none;
 }
 
@@ -98,8 +98,8 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
     display: none;
     flex-direction: column;
     left: 0;
-    min-width: 9rem;
-    padding: 0.3rem;
+    min-width: 8rem;
+    padding: 0.25rem;
     position: absolute;
     top: calc(100% + 0.3rem);
     z-index: 50;
@@ -107,7 +107,7 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
 
 .nav-dropdown a {
     border-radius: 6px;
-    padding: 0.35rem 0.6rem;
+    padding: 0.25rem 0.5rem;
     text-decoration: none;
     white-space: nowrap;
 }
@@ -120,7 +120,7 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
     border-radius: 6px;
     color: var(--accent);
     cursor: pointer;
-    padding: 0.35rem 0.6rem;
+    padding: 0.25rem 0.5rem;
     text-align: left;
     white-space: nowrap;
 }
@@ -130,7 +130,7 @@ header nav { display: flex; align-items: center; flex-wrap: wrap; gap: var(--gri
 .nav-dropdown .nav-user {
     border-bottom: 1px solid var(--line-soft);
     font-weight: 600;
-    padding: 0.35rem 0.6rem 0.5rem;
+    padding: 0.25rem 0.5rem 0.4rem;
 }
 
 .nav-auth .nav-dropdown { left: auto; right: 0; }