From 7b8fe597a9b880fb1b9ed92275aad081c9fe7996 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Thu, 15 Sep 2022 16:13:19 -0400
Subject: [PATCH] Cleaned up package grid system

---
 src/layouts/index.html                      | 13 +++-----
 src/layouts/partials/package-thumbnail.html | 36 +++++++++++++++++++--
 2 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 5b543c9..c4aba6b 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -131,11 +131,6 @@
         border-left: 2px solid #949494;
         border-right: 2px solid #949494;
         height: 100%;
-        padding: 25px;
-      }
-
-      .package-row{
-        border-bottom: 1px solid #949494;
       }
 
       .package-col{
@@ -144,7 +139,7 @@
 
     <!-- Start Package Grid -->
 
-    <div class="row package-row mb-4 gx-4">
+    <div class="row package-row g-0">
       <div class="package-col col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
@@ -159,7 +154,7 @@
       </div>
     </div>
 
-    <div class="row package-row mb-4 gx-4">
+    <div class="row package-row g-0">
       <div class="col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
@@ -174,7 +169,7 @@
       </div>
     </div>
 
-    <div class="row package-row mb-4 gx-4">
+    <div class="row package-row g-0">
       <div class="col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
@@ -189,7 +184,7 @@
       </div>
     </div>
 
-    <div class="row mb-4 gx-4">
+    <div class="row g-0">
       <div class="col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
diff --git a/src/layouts/partials/package-thumbnail.html b/src/layouts/partials/package-thumbnail.html
index 0445cd8..2fcc7b6 100644
--- a/src/layouts/partials/package-thumbnail.html
+++ b/src/layouts/partials/package-thumbnail.html
@@ -1,3 +1,33 @@
-<div class="grid-square"></div>
-<p class="package-label">V2.35 >45 installs</p>
-{{- partial "detail-btn.html" . -}}
+<div class="card" style="width: 100%">
+  <img src="/Images/package-thumb-1.jpg" class="card-img-top" alt="..." style="width:100%; height:100%;">
+  <div class="card-body">
+    <p class="card-text">V2.35 >45 installs</p>
+    {{- partial "detail-btn.html" . -}}
+  </div>
+</div>
+
+<style>
+  .card{
+    background: none;
+    border-radius: 0px !important;
+    border: 1px solid #949494;
+    padding: 30px;
+  }
+
+  .card-body{
+    border-radius: 0px !important;
+    padding: 0px;
+  }
+
+  .card-img-top{
+    border-radius: 0px;
+    margin-bottom: 30px;
+  }
+
+  .card-text{
+    font-size: 14px;
+    float:left;
+    position: relative;
+    top:9px;
+  }
+</style>