mirror of
https://github.com/MarekWo/mc-webui.git
synced 2026-07-21 09:03:02 +02: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;
|
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: Compact channel list */
|
||||||
.modal .list-group-item {
|
.modal .list-group-item {
|
||||||
padding: 0.5rem;
|
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 */
|
/* Loading State */
|
||||||
|
|||||||
Reference in New Issue
Block a user