From 187368f71666731cc18e04f855c64543525905f8 Mon Sep 17 00:00:00 2001
From: John Hess <john@jthess.com>
Date: Tue, 25 Jun 2024 18:03:48 -0500
Subject: [PATCH] fix card styling

---
 _scss/pages/home.scss | 11 ++++-------
 assets/js/main.js     |  2 +-
 index.html            |  2 +-
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/_scss/pages/home.scss b/_scss/pages/home.scss
index 1159b14..7f14df3 100644
--- a/_scss/pages/home.scss
+++ b/_scss/pages/home.scss
@@ -192,6 +192,10 @@ h1.homepage-title {
   padding: 20px;
   text-align: center;
 }
+.card:hover {
+  cursor: pointer;
+  text-decoration: none;
+}
 
 .card-icon {
   width: 60px;
@@ -200,13 +204,6 @@ h1.homepage-title {
   object-fit: cover;
 }
 
-.card-icon-big {
-  width: 60px; /* Desired width */
-  height: 60px; /* Desired height */
-  margin-bottom: 10px;
-  object-fit: cover;
-}
-
 // --------------------------------
 // Informational Layout Styles
 // --------------------------------
diff --git a/assets/js/main.js b/assets/js/main.js
index 85f3b74..a48c957 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -44,7 +44,7 @@ if (usbButter && usbButterPlaceholder) {
     .then(response => {
       console.log(response);
       if (response.status === 200) {
-        usbButter.style.display = 'inherit';
+        usbButter.style.display = 'flex';
         usbButterPlaceholder.style.display = 'none';
       }
     }
diff --git a/index.html b/index.html
index 0f9fbb1..df9cdbf 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@ layout: default
     <div class="card-set">
       <a href="{{ site.usb_butter_url }}" id="usb-butter" style="display: none;" data-url="{{ site.usb_butter_url }}"
         class="card">
-        <img src="{{ site.baseurl }}/assets/images/explore-icon.svg" alt="Explore Icon" class="card-icon-big">
+        <img src="{{ site.baseurl }}/assets/images/explore-icon.svg" alt="Explore Icon" class="card-icon">
         {% t explore %}
       </a>
       <div id="usb-butter-placeholder" class="card">