poprawka dla malych ekranow

This commit is contained in:
Mateusz Gruszczyński
2026-01-13 07:57:43 +01:00
parent 3ba1de00e0
commit 9e3842fc7b
2 changed files with 79 additions and 9 deletions

View File

@@ -855,3 +855,27 @@ td select.tom-dark {
.sens-low { background: rgba(108,117,125,.25); color: #ced4da; } /* szary */
.sens-mid { background: rgba(13,110,253,.25); color: #9ec5fe; } /* niebieski */
.sens-high { background: rgba(220,53,69,.25); color: #f1aeb5; } /* czerwony */
/* Responsive buttons - hide text on narrow screens (iPhone 11, iPhone 17 Pro) */
@media (max-width: 420px) {
.btn-group-compact .btn-text {
display: none !important;
}
.btn-group-compact .btn {
padding: 0.375rem 0.5rem;
min-width: auto;
}
}
/* Medium-narrow screens - smaller font */
@media (min-width: 421px) and (max-width: 576px) {
.btn-group-compact .btn {
padding: 0.375rem 0.45rem;
font-size: 0.8rem;
}
.btn-group-compact .btn-text {
font-size: 0.75rem;
}
}