From 7c3d8b98e6331169883cee2d66b7d31e7230f496 Mon Sep 17 00:00:00 2001
From: Galen Guyer <galen@galenguyer.com>
Date: Sat, 14 Nov 2020 13:19:23 -0500
Subject: add some fancier styling with better labels

---
 src/Card.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/Card.js')

diff --git a/src/Card.js b/src/Card.js
index 310848d..fea3cda 100644
--- a/src/Card.js
+++ b/src/Card.js
@@ -7,12 +7,12 @@ const Card = (props) => {
         diff = "+" + diff.toString();
     }
     return (
-        <div className="Card">
-            <h3>{props.name}</h3>
+        <div className="Card bg-white rounded-lg border-2 border-orange-300 p-4 m-4">
+            <h3 className="text-lg">{props.name}</h3>
             <p>
                 {props.latest}
                 {props.suffix}{" "}
-                <span className="Diff">
+                <span className="Diff text-gray-600 text-sm">
                     ({diff}
                     {props.suffix})
                 </span>
-- 
cgit v1.2.3