From 6b2e827274fb278281f5efca016f328dda9a0a81 Mon Sep 17 00:00:00 2001
From: JacobDChamberlain <straightlegmusic@gmail.com>
Date: Sun, 28 Apr 2024 00:33:55 -0500
Subject: [PATCH 1/2] potential border style

---
 src/components/NavBar/NavBar.css     |  4 +-
 src/components/Pages/Shows/Shows.css | 61 ++++++++++++++++++++++++----
 src/components/Pages/Shows/Shows.js  |  8 ++--
 3 files changed, 60 insertions(+), 13 deletions(-)

diff --git a/src/components/NavBar/NavBar.css b/src/components/NavBar/NavBar.css
index b7dca7b..85dc5c4 100644
--- a/src/components/NavBar/NavBar.css
+++ b/src/components/NavBar/NavBar.css
@@ -7,7 +7,6 @@
     align-items: center;
     padding: 20px;
     flex-direction: column;
-    /* width: 100%; */
 }
 
 .nav-link {
@@ -16,11 +15,12 @@
     padding: 10px;
     font-size: 30px;
     font-weight: bold;
-    /* font-style: italic; */
 }
 
 .nav-link:hover {
     color: rgb(162, 68, 68);
+    /* border: 1px solid red;
+    margin-right: -2px; */
 }
 
 a:visited {
diff --git a/src/components/Pages/Shows/Shows.css b/src/components/Pages/Shows/Shows.css
index 8ecb938..a404261 100644
--- a/src/components/Pages/Shows/Shows.css
+++ b/src/components/Pages/Shows/Shows.css
@@ -1,12 +1,8 @@
 .shows-wrapper {
-    /* border: 1px solid red;
-    border-radius: 20px; */
-
     display: flex;
     flex-direction: column;
     justify-content: space-evenly;
     align-items: center;
-    /* border-bottom: 1px solid black; */
 
     color: white;
     height: 70vh;
@@ -20,8 +16,59 @@
 }
 
 .show-date-li {
-    border: 1px dotted yellow;
-    border-radius: 30px;
-    margin: 10px;
+    /* border: 1px dotted yellow; */
+    /* border-radius: 30px; */
+    /* margin: 10px;
+    padding: 5px; */
+
+    /* position: absolute; */
+    /* top: 50%; */
+    /* left: 50%; */
+    transform: translate3d(-50%, -50%, 0);
+    background-color: rgba(#000, 0.5);
+    width: 100%;
+    max-width: 600px;
     padding: 5px;
+    border: 2px solid #b78846;
+    &:before, &:after {
+        content: "•";
+        position: absolute;
+        width: 14px;
+        height: 14px;
+        font-size: 14px;
+        color: #b78846;
+        border: 2px solid #b78846;
+        line-height: 12px;
+        top: 5px;
+        text-align: center;
+    }
+    &:before {
+        left: 5px;
+    }
+    &:after {
+        right: 5px;
+    }
+    .show-date-description {
+        position: relative;
+        border: 2px solid #b78846;
+        padding: 20px;
+        &:before, &:after {
+            content: "•";
+            position: absolute;
+            width: 14px;
+            height: 14px;
+            font-size: 14px;
+            color: #b78846;
+            border: 2px solid #b78846;
+            line-height: 12px;
+            bottom: -2px;
+            text-align: center;
+            }
+            &:before {
+            left: -2px;
+            }
+            &:after {
+            right: -2px;
+            }
+    }
 }
\ No newline at end of file
diff --git a/src/components/Pages/Shows/Shows.js b/src/components/Pages/Shows/Shows.js
index c61a9d2..7c63c08 100644
--- a/src/components/Pages/Shows/Shows.js
+++ b/src/components/Pages/Shows/Shows.js
@@ -7,18 +7,18 @@ export default function Shows() {
             <h2 className='shows-page-header'>Upcoming Shows:</h2>
             <ul className='show-dates-ul'>
                 <li className='show-date-li'>
-                    <span>
+                    <div className='show-date-description'>
                         May 28th, 2024<br />
                         @ DoubleWide<br />
                         w/ ASCENDED DEAD
-                    </span>
+                    </div>
                 </li>
                 <li className='show-date-li'>
-                    <span>
+                    <div className='show-date-description'>
                         May 31st, 2024<br />
                         @ Rubber Gloves<br />
                         w/ HERAKLEION
-                    </span>
+                    </div>
                 </li>
             </ul>
         </div>

From ab1dea8a2d9d4c2bc724cf46e966a420248ddafd Mon Sep 17 00:00:00 2001
From: JacobDChamberlain <straightlegmusic@gmail.com>
Date: Sun, 28 Apr 2024 00:43:56 -0500
Subject: [PATCH 2/2] nvm

---
 src/components/Pages/Shows/Shows.css | 65 +++++-----------------------
 1 file changed, 11 insertions(+), 54 deletions(-)

diff --git a/src/components/Pages/Shows/Shows.css b/src/components/Pages/Shows/Shows.css
index a404261..2b1363c 100644
--- a/src/components/Pages/Shows/Shows.css
+++ b/src/components/Pages/Shows/Shows.css
@@ -1,8 +1,12 @@
 .shows-wrapper {
+    /* border: 1px solid red;
+    border-radius: 20px; */
+
     display: flex;
     flex-direction: column;
     justify-content: space-evenly;
     align-items: center;
+    /* border-bottom: 1px solid black; */
 
     color: white;
     height: 70vh;
@@ -16,59 +20,12 @@
 }
 
 .show-date-li {
-    /* border: 1px dotted yellow; */
-    /* border-radius: 30px; */
-    /* margin: 10px;
-    padding: 5px; */
-
-    /* position: absolute; */
-    /* top: 50%; */
-    /* left: 50%; */
-    transform: translate3d(-50%, -50%, 0);
-    background-color: rgba(#000, 0.5);
-    width: 100%;
-    max-width: 600px;
+    border: 1px dotted yellow;
+    border-radius: 30px;
+    margin: 10px;
     padding: 5px;
-    border: 2px solid #b78846;
-    &:before, &:after {
-        content: "•";
-        position: absolute;
-        width: 14px;
-        height: 14px;
-        font-size: 14px;
-        color: #b78846;
-        border: 2px solid #b78846;
-        line-height: 12px;
-        top: 5px;
-        text-align: center;
-    }
-    &:before {
-        left: 5px;
-    }
-    &:after {
-        right: 5px;
-    }
-    .show-date-description {
-        position: relative;
-        border: 2px solid #b78846;
-        padding: 20px;
-        &:before, &:after {
-            content: "•";
-            position: absolute;
-            width: 14px;
-            height: 14px;
-            font-size: 14px;
-            color: #b78846;
-            border: 2px solid #b78846;
-            line-height: 12px;
-            bottom: -2px;
-            text-align: center;
-            }
-            &:before {
-            left: -2px;
-            }
-            &:after {
-            right: -2px;
-            }
-    }
+}
+
+.show-date-description {
+
 }
\ No newline at end of file