From fa58c7e28329201d00ebf9db469e13e2d7820c5c Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Fri, 24 Jul 2026 14:53:39 +0000
Subject: [PATCH] Let hero stats cards auto-expand to fit long values.

Replace fixed mobile widths and equal grid columns with content-sized cards so figures like GHS balances and storage sizes are never clipped.
---
 resources/css/app.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 4547a36..e358141 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -101,7 +101,10 @@ html.qr-mobile-page body {
 }
 
 .mobile-stats-card {
-    width: calc(66.666667% - 0.5rem);
+    width: max-content;
+    min-width: 9rem;
+    max-width: none;
+    box-sizing: border-box;
 }
 
 @layer components {
@@ -161,7 +164,10 @@ html.qr-mobile-page body {
 
 @media (min-width: 640px) {
     .mobile-stats-card {
-        width: auto;
+        width: max-content;
+        min-width: 9rem;
+        max-width: none;
+        flex: 1 1 auto;
     }
 }