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