Module:GameInfo/styles.css: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary |
No edit summary |
||
| Line 332: | Line 332: | ||
REQUIREMENTS / USERS (COMPACT, CENTERED, SHRINK-TO-FIT) | REQUIREMENTS / USERS (COMPACT, CENTERED, SHRINK-TO-FIT) | ||
- No full-width bars | - No full-width bars | ||
- | - Desktop: ~50% narrower + centered | ||
- Mobile: stay side-by-side; shrink instead of stacking | |||
---------------------------------------------------------------------------- */ | ---------------------------------------------------------------------------- */ | ||
| Line 343: | Line 344: | ||
} | } | ||
/* Two buttons: narrower + no grow (prevents stretching) */ | |||
.sv-reqrow > * { | .sv-reqrow > * { | ||
flex: 1 | flex: 0 1 140px; /* shrink-to-fit, no expansion */ | ||
max-width: | max-width: 140px; /* ~50% narrower than prior 280px */ | ||
min-width: 0; | min-width: 0; | ||
} | } | ||
/* Single button: still compact (not full row) */ | |||
.sv-reqrow > *:only-child { | .sv-reqrow > *:only-child { | ||
flex: 0 1 | flex: 0 1 280px; | ||
max-width: | max-width: 280px; | ||
} | } | ||