From 3b7cb57e7ae553498c27e0246f98a83e61bb4a83 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 12 Apr 2023 08:56:42 +1000
Subject: [PATCH] fix hover and spacing css

---
 resources/js/components/SMNavbar.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/SMNavbar.vue b/resources/js/components/SMNavbar.vue
index 1f57d3b..74721b3 100644
--- a/resources/js/components/SMNavbar.vue
+++ b/resources/js/components/SMNavbar.vue
@@ -167,10 +167,10 @@ const handleClickNavBar = () => {
 
     #sm-nav {
         display: none;
-        padding: 10px 24px;
         flex-direction: column;
         width: 100%;
         font-weight: 800;
+        padding-bottom: 12px;
 
         ul {
             display: block;
@@ -180,8 +180,15 @@ const handleClickNavBar = () => {
             padding: 0;
 
             li a {
+                color: #ddd;
                 display: block;
-                padding: 8px 0 8px 0;
+                padding: 12px 24px;
+                margin: 0;
+
+                &:hover {
+                    text-decoration: none;
+                    background-color: hsla(0, 0%, 50%, 0.1);
+                }
             }
         }
     }