iarv/mc-webui
1
0
Fork 1
mirror of https://github.com/MarekWo/mc-webui.git synced 2026-05-02 03:22:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: shrink channel selector further to fit Samsung S20 navbar in one row

Browse Source 
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>
This commit is contained in:
MarekWo
2026-04-22 08:46:19 +02:00
parent 8194158241
commit b296913cd1
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/static/css/style.css
View File

@@ -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 */

2
app/templates/base.html
View File

@@ -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"