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 <noreply@anthropic.com>
This commit is contained in:
MarekWo
2026-02-24 07:35:56 +01:00
parent 71f292d843
commit fd4818cfad

View File

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