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

@@ -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(
+        child: Card(
-          children: [
+          color: Theme.of(context).highlightColor,
-            Row(
+          child: Column(
-              children: [
+            children: [
-                Text(leftText),
+              Text(
-                Spacer(),
+                name,
-                Center(
+                style: TextStyle(
-                  child: Column(
+                  decoration: TextDecoration.underline,
-                    children: [
+                  fontSize: 16
-                      Text(name),
-                      Text(middleText),
-                    ],
-                  ),
                 ),
-                Spacer(),
+              ),
-                Text(rightText),
+              Row(
-              ],
+                children: [
-            ),
+                  Spacer(
-          ],
+                    flex: 3,
+                  ),
+                  Text(leftText),
+                  Spacer(
+                    flex: 1,
+                  ),
+                  Text(middleText),
+                  Spacer(
+                    flex: 1,
+                  ),
+                  Text(rightText),
+                  Spacer(
+                    flex: 3,
+                  ),
+                ],
+              ),
+            ],
+          ),
         ),
       ),
     );