Fix Desktop Chips: !important overrides für flex + grid-template-columns unset

Das grid blieb wegen Spezifität aktiv. Explizite !important auf display:flex,
flex-wrap:nowrap, grid-template-columns:unset erzwingen die Eine-Zeile-Darstellung.
components.css ?v=1008, SW by-v1009, APP_VER 1009
This commit is contained in:
rene 2026-05-16 09:15:41 +02:00
parent 9168d982d0
commit 6721597779
5 changed files with 16 additions and 15 deletions

View file

@ -7918,19 +7918,20 @@ svg.empty-state-icon {
}
/* Alle Chips in einer Zeile, zentriert, egal wie viele aktiv */
.world-chips-grid {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
max-width: none;
margin: 0;
gap: 7px;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
grid-template-columns: unset !important;
max-width: none !important;
margin: 0 !important;
gap: 7px !important;
}
.world-chip {
flex: 0 1 80px;
min-width: 60px;
width: 80px;
min-height: 74px;
flex: 0 1 80px !important;
min-width: 60px !important;
width: 80px !important;
min-height: 74px !important;
}
/* Nav vertikal zentriert zwischen Chips und Footer */
#world-labels {