From 70482a729a960e20533c52ce067ad78ec587f48c Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 25 Jan 2023 01:05:20 +1000
Subject: [PATCH] increased readibility of carousel panel

---
 resources/js/components/SMCarouselSlide.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/SMCarouselSlide.vue b/resources/js/components/SMCarouselSlide.vue
index 37b1a25..dc3d9f2 100644
--- a/resources/js/components/SMCarouselSlide.vue
+++ b/resources/js/components/SMCarouselSlide.vue
@@ -97,9 +97,9 @@ handleLoad();
         padding: 1rem;
 
         .carousel-slide-content {
-            background-color: rgba(0, 0, 0, 0.5);
-            max-width: 600px;
-            padding: 2rem 2rem 1.5rem 2rem;
+            background-color: rgba(0, 0, 0, 0.75);
+            max-width: 800px;
+            padding: 2rem 3rem 1.5rem 3rem;
             margin-bottom: 2rem;
             border-radius: 12px;
         }
@@ -127,6 +127,12 @@ handleLoad();
         .button {
             display: inline-block;
             box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
+            background: transparent;
+            border-color: #fff;
+
+            &:hover {
+                color: #333;
+            }
         }
     }
 }