Align selection UI with Bootstrap toolbar and compact responsive layout

This commit is contained in:
Terranom674
2026-08-16 15:32:07 +02:00
parent 62d6f8f2b0
commit eedf012f46

View File

@@ -1,20 +1,3 @@
#bratonien-selection-toggle {
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:middle;
line-height:1;
}
#bratonien-selection-toggle .pwg-icon {
display:inline-flex;
align-items:center;
justify-content:center;
line-height:1;
vertical-align:middle;
transform:none;
}
#bratonien-selection-toggle.active {
color:#f0a646;
}
@@ -29,9 +12,9 @@
align-items:center;
justify-content:flex-end;
box-sizing:border-box;
width:calc(100% - 1rem);
max-width:100%;
margin:.35rem .5rem .75rem;
width:fit-content;
max-width:calc(100% - 1rem);
margin:.35rem .5rem .75rem auto;
padding:.45rem .55rem;
border:1px solid rgba(255,255,255,.16);
border-radius:.4rem;
@@ -40,7 +23,6 @@
}
.bratonien-selection-status {
margin-right:auto;
padding:0 .35rem;
white-space:nowrap;
color:#d7d7d7;
@@ -137,13 +119,14 @@
@media (max-width:760px) {
.bratonien-selection-bar {
width:calc(100% - 1rem);
max-width:none;
margin:.35rem .5rem .75rem;
align-items:stretch;
justify-content:stretch;
}
.bratonien-selection-status {
width:100%;
margin-right:0;
padding:.1rem .2rem;
}