From 9ca055dd012ea6984cb7aa22c5f5496b2f05770f Mon Sep 17 00:00:00 2001
From: MarekWo <mwojtaszek@gmail.com>
Date: Wed, 22 Apr 2026 19:44:48 +0200
Subject: [PATCH] fix: drop input min-width override that pinned channel
 selector to 100px

The responsive @media (<768px) block had #channelSelectorInput pinned
at min-width: 100px !important, which pushed the wrapper's actual width
above the wrapper's own min-width: 80px. Remove the input min-width so
the wrapper's 80px takes effect; DM contact input keeps its 100px.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 app/static/css/style.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index d84f0e1..a6d1b93 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -558,7 +558,13 @@ main {
     }
 
     /* Navbar: Channel selector on mobile */
-    #channelSelectorInput,
+    #channelSelectorInput {
+        min-width: 0 !important;
+        width: 100%;
+        font-size: 0.9rem;
+    }
+
+    /* DM: Contact search input on mobile */
     #dmContactSearchInput {
         min-width: 100px !important;
         font-size: 0.9rem;