From b296913cd152f7617319ccf396cd54b72b2a7812 Mon Sep 17 00:00:00 2001
From: MarekWo <mwojtaszek@gmail.com>
Date: Wed, 22 Apr 2026 08:46:19 +0200
Subject: [PATCH] fix: shrink channel selector further to fit Samsung S20
 navbar in one row
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reduce wrapper min-width 100px → 80px and tighten the form-select
chevron padding (2rem → 1.5rem right, 0.6rem → 0.5rem left) so the
navbar fits in one row on ~360px-wide phones while keeping the
chevron and text both visible.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 app/static/css/style.css | 2 +-
 app/templates/base.html  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index a84b53a..d84f0e1 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -479,7 +479,7 @@ main {
 .navbar-touch-select {
     min-height: 40px;
     font-size: 1rem;
-    padding: 0.35rem 2rem 0.35rem 0.6rem;
+    padding: 0.35rem 1.5rem 0.35rem 0.5rem;
 }
 
 /* Offcanvas menu styling */
diff --git a/app/templates/base.html b/app/templates/base.html
index 1e45a4f..e63bdb0 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -57,7 +57,7 @@
                 <div id="notificationBell" class="btn btn-outline-light position-relative navbar-touch-btn" style="cursor: pointer;" onclick="markAllChannelsRead()" title="Mark all as read">
                     <i class="bi bi-bell"></i>
                 </div>
-                <div class="position-relative channel-mobile-selector" id="channelSelectorWrapper" style="min-width: 100px; max-width: 140px;">
+                <div class="position-relative channel-mobile-selector" id="channelSelectorWrapper" style="min-width: 80px; max-width: 140px;">
                     <input type="text"
                            id="channelSelectorInput"
                            class="form-control form-select navbar-touch-select"