From fd4818cfad017fdf52c8709494d90f2c0e48a79f Mon Sep 17 00:00:00 2001 From: MarekWo Date: Tue, 24 Feb 2026 07:35:56 +0100 Subject: [PATCH] fix(ui): Remove CSS rule that stacked channel buttons vertically Remove nested @media (max-width: 400px) rule that forced btn-group to flex-direction: column, causing buttons to stack on mobile. Also remove now-unused .list-group-item small styles (channel keys no longer shown). Co-Authored-By: Claude Opus 4.6 --- app/static/css/style.css | 18 ------------------ 1 file changed, 18 deletions(-) diff --git a/app/static/css/style.css b/app/static/css/style.css index 7bdfad0..f7000eb 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -342,28 +342,10 @@ main { padding: 0.75rem; } - /* Modal: Smaller channel keys on mobile */ - .list-group-item small { - font-size: 0.65rem; - word-break: break-all; - } - /* Modal: Compact channel list */ .modal .list-group-item { padding: 0.5rem; } - - /* Modal: Stack buttons vertically on very small screens */ - @media (max-width: 400px) { - .btn-group { - flex-direction: column; - } - - .btn-group .btn { - border-radius: 0.375rem !important; - margin-bottom: 0.25rem; - } - } } /* Loading State */