From ad8ffdaf3dd477e6c3a6864be94bcdfe9a58d6b5 Mon Sep 17 00:00:00 2001 From: kisfenyo Date: Sat, 10 Jan 2026 18:40:59 +0100 Subject: [PATCH] aligned header text to bottom and increased font size --- glance-system/glance.yaml | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) 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,