v4.1.6 UX polish: homepage, navbar, tools consistency

Homepage: - Minimal floating icons with gold hover effect - Larger Stegasoo title (display-5) - v4.1 badge repositioned to bottom-left of logo - Tighter 8px gap between logo and title Navbar: - Container-fluid for fixed left positioning - Reduced left padding, proper logo/badge spacing - Channel fingerprint in gold, shield icon brighter Tools page: - Consistent font styling (0.62rem, weight 500, 1px spacing) - Wider buttons (64px) with more gap - Bolder text on hover (weight 600) Typography consistency across nav, homepage, and tools. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-07 21:35:42 -05:00
parent b9d0fac535
commit 6338d6aab4
3 changed files with 26 additions and 23 deletions
--- a/frontends/web/templates/base.html
+++ b/frontends/web/templates/base.html
@@ -11,8 +11,8 @@
 </head>
 <body>
    <nav class="navbar navbar-expand-lg navbar-dark">
-        <div class="container">
-            <a class="navbar-brand" href="/">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/" style="padding-left: 6px; margin-right: 8px;">
                <img src="{{ url_for('static', filename='logo.svg') }}" alt="Stegasoo" height="28">
            </a>
            {% if channel_configured %}