Skip to content

Commit a1abea3

Browse files
committed
quick mobile fix
1 parent f4a5234 commit a1abea3

File tree

1 file changed

+95
-0
lines changed

1 file changed

+95
-0
lines changed

src/styles.css

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2447,6 +2447,100 @@ input.card-do-not-accept::placeholder,
24472447
font-size: 0.9rem;
24482448
padding: 8px 12px;
24492449
}
2450+
2451+
/* Moderator mode - mobile */
2452+
.moderator-view {
2453+
gap: 14px;
2454+
}
2455+
2456+
.mod-qa-section {
2457+
padding: 16px;
2458+
gap: 14px;
2459+
border-radius: 12px;
2460+
}
2461+
2462+
.mod-qa-text {
2463+
font-size: 1.05rem;
2464+
}
2465+
2466+
.mod-nav-row {
2467+
flex-direction: column;
2468+
gap: 10px;
2469+
}
2470+
2471+
.mod-nav-row .btn {
2472+
width: 100%;
2473+
min-height: 50px;
2474+
font-size: 1rem;
2475+
}
2476+
2477+
.mod-players-section {
2478+
padding: 14px 16px;
2479+
border-radius: 12px;
2480+
}
2481+
2482+
.mod-players-header {
2483+
flex-direction: column;
2484+
align-items: stretch;
2485+
gap: 10px;
2486+
}
2487+
2488+
.mod-player-add-row {
2489+
min-width: 0;
2490+
}
2491+
2492+
.mod-player-add-row .text-input {
2493+
padding: 10px 14px;
2494+
font-size: 16px;
2495+
min-height: 44px;
2496+
}
2497+
2498+
.mod-player-add-row .btn-sm {
2499+
min-height: 44px;
2500+
padding: 10px 18px;
2501+
font-size: 0.95rem;
2502+
}
2503+
2504+
.mod-player-row {
2505+
padding: 10px 12px;
2506+
gap: 8px;
2507+
}
2508+
2509+
.mod-player-name {
2510+
font-size: 1rem;
2511+
}
2512+
2513+
.mod-player-score-badge {
2514+
min-width: 34px;
2515+
height: 30px;
2516+
font-size: 0.9rem;
2517+
}
2518+
2519+
.mod-player-actions {
2520+
gap: 6px;
2521+
}
2522+
2523+
.mod-player-actions button {
2524+
min-width: 44px;
2525+
min-height: 44px;
2526+
font-size: 1rem;
2527+
padding: 8px 12px;
2528+
border-radius: 8px;
2529+
}
2530+
2531+
.mod-award-btn {
2532+
font-size: 1rem !important;
2533+
}
2534+
2535+
/* Results scoreboard - mobile */
2536+
.moderator-final-scores {
2537+
gap: 10px;
2538+
}
2539+
2540+
.mod-final-card {
2541+
padding: 12px 16px;
2542+
min-width: 80px;
2543+
}
24502544
}
24512545

24522546
/* ── Toast notifications ─────────────────────────────────────────────────── */
@@ -2555,6 +2649,7 @@ input.card-do-not-accept::placeholder,
25552649
width: 100%;
25562650
max-width: 700px;
25572651
margin: 0 auto;
2652+
overflow: hidden;
25582653
}
25592654

25602655
.mod-qa-section {

0 commit comments

Comments
 (0)