fix(mobile): add explicit font-size to confirmation dialog body text

Add explicit font-size using rem units to confirmation dialog body text
to ensure it's readable on all screen sizes.

Changes:
- .rpg-confirm-body p: Add font-size: 1rem (base size)
- Mobile (@max-width: 768px): Override to 0.95rem for mobile screens

Previously, the body text had no explicit font-size and was inheriting
from parent, causing it to appear tiny on mobile devices. Now uses
proper rem-based sizing that scales appropriately.
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-10-28 15:12:58 +11:00
parent a888c5ccd6
commit ded1b62963
+5
View File
@@ -1637,6 +1637,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
margin: 0;
line-height: 1.5;
color: var(--rpg-text);
font-size: 1rem; /* Explicit readable size */
}
/* Confirmation Dialog Footer */
@@ -1727,6 +1728,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
font-size: 1rem;
}
.rpg-confirm-body p {
font-size: 0.95rem; /* Slightly smaller but still readable on mobile */
}
/* Make buttons touch-friendly */
.rpg-btn-primary,
.rpg-btn-secondary {