Updating accordion styles

diff --git a/docs/assets/scss/_accordion-content.scss b/docs/assets/scss/_accordion-content.scss
index bc6e3d1ec798389c992669566c42c8b388910af3..0d76016905e6d950bdd69a2bddd352d6cfcb9533 100644 (file)
--- a/docs/assets/scss/_accordion-content.scss
+++ b/docs/assets/scss/_accordion-content.scss
@@ -13,6 +13,7 @@
       border-bottom: none;
       color: $black;
       border: none;
+      padding-left: 1rem;
     }
 
     .accordion-content {
@@ -21,13 +22,6 @@
       border-bottom: 1px dashed #e6e6e6;
     }
   }
-
-  .accordion-title:hover {
-    color: $black;
-    background: lighten($light-gray,7%);
-    transition: color 0.3s ease;
-    transition: background 0.3s ease;
-  }
   
   .accordion-title:focus,
   .accordion-title:active {
@@ -36,26 +30,43 @@
 
   .accordion-title {
     background-color: #f5f5f5;
-    color: #676767;
+    color: $dark-gray;
     font-size: 1.25rem;
+    padding-left: 0;
     // margin-bottom: 1rem;
     // border-bottom: 1px solid #e6e6e6;
     background: none;
     border: none;
     border-bottom: 1px dashed #e6e6e6;
-    transition: color 0.3s ease;
-    transition: background 0.3s ease;
+    transition: all 0.3s ease;
   }
-
+  
+  .accordion-title:hover {
+    padding-left: 1rem;
+    color: $black;
+//    background: lighten($light-gray,7%);
+    transition: all 0.3s ease;
+//    transition: background 0.3s ease;
+  }
+  
   .accordion-title::before {
     color: $dark-gray;
     font-size: 1.25rem;
-    transition: color 0.3s ease;
+    top: 45%;
+    border-radius: 50%;
+    border: 1px solid $light-gray;
+    background-color: $white;
+    width: 25px;
+    height: 25px;
+    text-align: center;
+    transition: all 0.3s ease;
   }
   
   .accordion-title:hover::before {
     color: $black;
-    transition: color 0.3s ease;
+    background-color: lighten($light-gray,8%);
+    border: 1px solid $medium-gray;
+    transition: all 0.3s ease;  
   }
 }