From ded1b629632f406c235be1b8f1483e2c1279c7af Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Tue, 28 Oct 2025 15:12:58 +1100
Subject: [PATCH] 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.
---
 style.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/style.css b/style.css
index e805904..4ac5f34 100644
--- a/style.css
+++ b/style.css
@@ -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 {