From 14df7ead4d92e5dba6675ae29aeb494b0411f407 Mon Sep 17 00:00:00 2001 From: MarekWo Date: Wed, 22 Apr 2026 19:50:12 +0200 Subject: [PATCH] fix: shrink navbar brand on mobile so navbar controls fit one row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The selector was already narrow enough — the real culprit was the .navbar-brand.h1 sitting at Bootstrap's default 2.5rem (40px), which on a Samsung S20 ate ~200px just for 'mc-webui'. Cap brand at 1.25rem on screens ≤ 768px so the bell + selector + menu can sit beside it on one row. Co-Authored-By: Claude Opus 4.7 --- app/static/css/style.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/app/static/css/style.css b/app/static/css/style.css index a6d1b93..67bddf6 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -557,6 +557,11 @@ main { gap: 0.25rem !important; } + /* Navbar: Shrink brand title so all controls fit on one row */ + .navbar-brand.h1 { + font-size: 1.25rem; + } + /* Navbar: Channel selector on mobile */ #channelSelectorInput { min-width: 0 !important;