diff --git a/frontends/web/static/style.css b/frontends/web/static/style.css index 1348da6..47b82e4 100644 --- a/frontends/web/static/style.css +++ b/frontends/web/static/style.css @@ -180,6 +180,10 @@ body { z-index: 1030; /* Above page content for dropdowns */ } +.navbar > .container { + padding-left: 0; +} + /* Ensure navbar dropdown appears above all page content */ .navbar .dropdown-menu { z-index: 1031; @@ -219,9 +223,9 @@ body { left: 50%; transform: translateX(-50%) translateY(-4px); font-size: 0.7rem; - font-weight: 700; + font-weight: 500; text-transform: uppercase; - letter-spacing: 0.5px; + letter-spacing: 1px; white-space: nowrap; opacity: 0; pointer-events: none; @@ -1881,7 +1885,7 @@ footer { .tools-ribbon-group { display: flex; align-items: center; - gap: 0.25rem; + gap: 0.5rem; } .tools-ribbon-divider { @@ -1898,8 +1902,8 @@ footer { flex-direction: column; align-items: center; justify-content: center; - width: 52px; - height: 48px; + width: 64px; + height: 52px; padding: 0.25rem; border: 1px solid transparent; border-radius: 0.375rem; @@ -1915,15 +1919,17 @@ footer { } .tool-icon-btn span { - font-size: 0.6rem; + font-size: 0.62rem; + font-weight: 500; text-transform: uppercase; - letter-spacing: 0.3px; + letter-spacing: 1px; } .tool-icon-btn:hover { background: rgba(255, 230, 150, 0.1); border-color: rgba(255, 230, 150, 0.3); color: var(--header-gold); + font-weight: 600; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.33); } diff --git a/frontends/web/templates/base.html b/frontends/web/templates/base.html index 81fcb5d..eee6c08 100644 --- a/frontends/web/templates/base.html +++ b/frontends/web/templates/base.html @@ -11,8 +11,8 @@