mirror of
https://github.com/MarekWo/mc-webui.git
synced 2026-03-28 17:42:45 +01:00
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:
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user