From a8fdcc36121d26ef11eaa67a610e0578d94b02f3 Mon Sep 17 00:00:00 2001
From: Campbell Alden <campbell.alden@bibo.com.ph>
Date: Wed, 31 Aug 2022 23:13:41 +0900
Subject: [PATCH] Tweak card styles

---
 docs/card.css   | 10 +++++++---
 static/card.css | 10 +++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/docs/card.css b/docs/card.css
index b4c52b3..d2ec5e3 100644
--- a/docs/card.css
+++ b/docs/card.css
@@ -6,7 +6,7 @@
   background: var(--color-primary);
   aspect-ratio: 2 / 3;
   flex-basis: 280px;
-  max-width: 300px;
+  max-width: 280px;
   padding: 10px;
 }
 
@@ -21,13 +21,17 @@
   flex-basis: 99.9999%;
 }
 
+.card h3 {
+  margin: 0 !important;
+}
+
 .card:hover .card-content {
-  flex-basis: 50%;
+  flex-basis: 45%;
   transition-delay: 0ms;
   padding-top: 10px;
 }
 .card:hover .card-image {
-  flex-basis: 50%;
+  flex-basis: 55%;
   transition-delay: 0ms;
 }
 
diff --git a/static/card.css b/static/card.css
index b4c52b3..d2ec5e3 100644
--- a/static/card.css
+++ b/static/card.css
@@ -6,7 +6,7 @@
   background: var(--color-primary);
   aspect-ratio: 2 / 3;
   flex-basis: 280px;
-  max-width: 300px;
+  max-width: 280px;
   padding: 10px;
 }
 
@@ -21,13 +21,17 @@
   flex-basis: 99.9999%;
 }
 
+.card h3 {
+  margin: 0 !important;
+}
+
 .card:hover .card-content {
-  flex-basis: 50%;
+  flex-basis: 45%;
   transition-delay: 0ms;
   padding-top: 10px;
 }
 .card:hover .card-image {
-  flex-basis: 50%;
+  flex-basis: 55%;
   transition-delay: 0ms;
 }