Fix team builder width on mobile

- Operator select: 3 columns instead of 4
- Reduced padding on team builder container
- Smaller team slots (70px instead of 90px)
This commit is contained in:
itsaygea
2026-01-24 08:13:53 -07:00
parent 868452eda3
commit e80d49560b
+11 -1
View File
@@ -703,9 +703,19 @@
.hero h1 { font-size: 48px; } .hero h1 { font-size: 48px; }
.operator-grid { grid-template-columns: repeat(2, 1fr); } .operator-grid { grid-template-columns: repeat(2, 1fr); }
.operator-select { grid-template-columns: repeat(4, 1fr); } .operator-select { grid-template-columns: repeat(3, 1fr); }
.guide-grid { grid-template-columns: 1fr; } .guide-grid { grid-template-columns: 1fr; }
.team-builder {
padding: 20px;
}
.team-slot {
width: 70px;
height: 70px;
font-size: 20px;
}
/* Fix operator cards on mobile for long names */ /* Fix operator cards on mobile for long names */
.operator-card h4 { .operator-card h4 {
font-size: 12px; font-size: 12px;