diff --git a/static/css/main.css b/static/css/main.css index 3275920..6d39f27 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -3347,6 +3347,18 @@ html { ======================================== */ @media (max-width: 540px) { + /* Adjust action bar grid for mobile: 50% hamburger/title, 30% language */ + .action-bar-content { + grid-template-columns: 50% 30%; + gap: 0.5rem; + padding: 0 0.5rem; + } + + /* Hide center controls on mobile (moved to hamburger menu) */ + .view-controls-center { + display: none; + } + /* Hide year from title in mobile view */ .site-title-year { display: none; @@ -3373,6 +3385,11 @@ html { margin-right: 0rem; } + /* Hide action buttons on small screens (available in hamburger menu) */ + .action-buttons-right { + display: none; + } + /* ========== Language Selector - Show Short Names Only ========== */ .language-selector .selector-btn { position: relative;