Align metric icons left with title and label to the right

Author: Sean Kibbee

docs/site.css

@@ -197,14 +197,16 @@ h2 {
 }
 
 .metric-card {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.45rem;
-  min-height: 165px;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto auto;
+  column-gap: 0.75rem;
+  row-gap: 0.15rem;
+  align-items: center;
 }
 
 .metric-icon {
+  grid-row: 1 / 3;
   display: inline-flex;
   align-items: center;
   justify-content: center;