diff --git a/static/css/app.css b/static/css/app.css index afac155..fb95a55 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -1021,28 +1021,28 @@ a:hover { } .app-brand { - font-size: 1rem; - } - - .btn { - padding: var(--space-xs) var(--space-sm); - font-size: 0.875rem; + font-size: 0.9rem; } .app-sidebar { width: 260px; /* Narrower on very small screens */ } - /* Stack Profile and Logout buttons vertically */ - .header-user { - flex-direction: column; - gap: var(--space-xs); - align-items: stretch; + /* Smaller buttons on very small screens */ + .header-user .btn { + font-size: 0.75rem; + padding: var(--space-xs) var(--space-sm); + min-height: 36px; } - .header-user .btn { - width: 100%; - font-size: 0.8rem; + .theme-toggle { + min-width: 40px; + min-height: 40px; + } + + .sidebar-toggle { + min-width: 40px; + min-height: 40px; } } diff --git a/templates/base.html b/templates/base.html index 0839be6..7eb7a95 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,7 +10,7 @@ - + {% block extra_css %}{% endblock %}