diff --git a/glance-system/glance.yaml b/glance-system/glance.yaml index 46443ba..6205cb8 100644 --- a/glance-system/glance.yaml +++ b/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,