From 992195b9a00a028ae1e55a8db57ad6b98421237f Mon Sep 17 00:00:00 2001
From: Hyperling <me@hyperling.com>
Date: Fri, 21 Feb 2025 08:30:54 -0700
Subject: [PATCH] Style the report a little better. Still need to get the row's
 middle text properly aligned with the column header somehow, as if everything
 were in a grid.

---
 lib/pages/report.dart | 50 +++++++++++++++++++++++++++----------------
 1 file changed, 32 insertions(+), 18 deletions(-)

diff --git a/lib/pages/report.dart b/lib/pages/report.dart
index 483a9d3..9c61daa 100644
--- a/lib/pages/report.dart
+++ b/lib/pages/report.dart
@@ -112,27 +112,41 @@ class SummaryCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Card(
+      color: Theme.of(context).cardColor,
       child: Padding(
         padding: const EdgeInsets.all(8.0),
-        child: Column(
-          children: [
-            Row(
-              children: [
-                Text(leftText),
-                Spacer(),
-                Center(
-                  child: Column(
-                    children: [
-                      Text(name),
-                      Text(middleText),
-                    ],
-                  ),
+        child: Card(
+          color: Theme.of(context).highlightColor,
+          child: Column(
+            children: [
+              Text(
+                name,
+                style: TextStyle(
+                  decoration: TextDecoration.underline,
+                  fontSize: 16
                 ),
-                Spacer(),
-                Text(rightText),
-              ],
-            ),
-          ],
+              ),
+              Row(
+                children: [
+                  Spacer(
+                    flex: 3,
+                  ),
+                  Text(leftText),
+                  Spacer(
+                    flex: 1,
+                  ),
+                  Text(middleText),
+                  Spacer(
+                    flex: 1,
+                  ),
+                  Text(rightText),
+                  Spacer(
+                    flex: 3,
+                  ),
+                ],
+              ),
+            ],
+          ),
         ),
       ),
     );