From 4c2e2db804260ce9272dee21f31155d4e135cc4a Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 27 Sep 2022 12:30:39 -0400
Subject: [PATCH] Moved some CSS

---
 src/layouts/index.html                      | 17 -----------------
 src/layouts/partials/package-thumbnail.html | 10 +++++++++-
 src/static/css/homepage.css                 | 17 +++++++++++++++--
 3 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index cc0ffb1..6da408f 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -11,14 +11,6 @@
     margin-top:-5px;
   }
 
-  .hero-section{
-    background-image: url("/Images/x-large-grid-hero.svg");
-    background-attachment: fixed;
-    background-position: top;
-    background-repeat: repeat;
-    background-size: contain;
-  }
-
   .hero-container{
     position:relative;
     z-index: 2;
@@ -29,15 +21,6 @@
     z-index: 2;
   }
 
-  .hero-bottom{
-    background-image: url("/Images/x-large-grid-hero.svg");
-    background-attachment: fixed;
-    background-position: center-top;
-    background-repeat: repeat;
-    background-size: contain;
-    height: 75px;
-  }
-
 </style>
 
 <section class="hero-section">
diff --git a/src/layouts/partials/package-thumbnail.html b/src/layouts/partials/package-thumbnail.html
index c9b13e3..df7f943 100644
--- a/src/layouts/partials/package-thumbnail.html
+++ b/src/layouts/partials/package-thumbnail.html
@@ -1,7 +1,9 @@
 <div class="card card-thumbnail" style="width: 100%">
   <img src="/Images/package-thumb-1.jpg" class="card-img-top" alt="..." style="width:100%; height:100%;">
   <div class="card-body thumbnail-body">
-    <p class="card-text">V2.35 >45 installs</p>
+    <div class="card-text-container">
+      <p class="card-text">V2.35 >45 installs</p>
+    </div>
     {{- partial "detail-btn.html" . -}}
   </div>
   <div class="card-body thumbnail-body-mobile">
@@ -37,6 +39,12 @@
     top:0.502vw;
   }
 
+  .card-text-container{
+    float:left;
+    position: relative;
+    width:48%;
+  }
+
   .thumbnail-body-mobile{
     display: none;
   }
diff --git a/src/static/css/homepage.css b/src/static/css/homepage.css
index 80d0765..dcb5d53 100644
--- a/src/static/css/homepage.css
+++ b/src/static/css/homepage.css
@@ -117,9 +117,22 @@ hr{
 
 }
 
+.hero-section{
+  background-image: url("/Images/x-large-grid-hero.svg");
+  background-attachment: fixed;
+  background-position: top;
+  background-repeat: repeat;
+  background-size: contain;
+}
 
-
-
+.hero-bottom{
+  background-image: url("/Images/x-large-grid-hero.svg");
+  background-attachment: fixed;
+  background-position: center-top;
+  background-repeat: repeat;
+  background-size: contain;
+  height: 75px;
+}
 
 
 @media only screen and (min-width: 1200px) {