aligned header text to bottom and increased font size

glance-system/glance.yaml

@@ -418,6 +418,33 @@ data:
       border: 0 !important;
     }
 
+    /* --- Header: align tabs to bottom + larger font --- */
+    .header {
+      display: flex !important;
+      align-items: flex-end !important;   /* bottom-align children */
+      gap: 18px !important;
+    }
+
+    /* Push the nav to the bottom edge */
+    .header .nav {
+      align-self: flex-end !important;
+      padding-bottom: 10px !important;    /* tweak this value if you want it lower/higher */
+    }
+
+    /* Bigger, cleaner tab text */
+    .header .nav .nav-item {
+      font-size: 18px !important;         /* increase */
+      line-height: 1.1 !important;
+      padding: 10px 14px !important;      /* makes it feel less “floaty” */
+      letter-spacing: 0.2px !important;
+    }
+
+    /* Optional: make current tab underline sit nicely at the bottom */
+    .header .nav .nav-item-current::after,
+    .header .nav .nav-item[aria-current="page"]::after {
+      bottom: -6px !important;
+    }
+
     .content-bounds,
     .body-content,
     .page,