fix docs collapsible color+margins

Author: outfoxxed

src/styles/components/accordion.css

@@ -2,11 +2,6 @@
   & summary {
     list-style: none;
     transition: background-color 0.15s ease-out;
-
-    &:hover {
-      background-color: hsla(250 11 100 / 0.06);
-      cursor: pointer;
-    }
   }
 
   & .accordion-container {

src/styles/docs/docs.css

@@ -151,6 +151,12 @@ ul {
   & summary {
     padding: 1.2rem;
     user-select: none;
+    box-shadow: 0 0 0.5rem 0px rgba(0 0 0 / 0.25);
+
+    &:hover {
+      background-color: hsla(250 11 100 / 0.06);
+      cursor: pointer;
+    }
 
     & > div {
       display: flex;
@@ -169,14 +175,17 @@ ul {
 
   & .accordion-container > div {
     padding: 0 1.2rem;
-
-    & p:first-child {
-      padding-top: 0;
-      margin-top: 0;
-    }
   }
 }
 
-.docs-collapsible[open]:not(.closing) > summary > div > svg {
-  transform: rotate(90deg);
+.docs-collapsible[open]:not(.closing) {
+  & summary {
+    background-color: hsla(250 11 100 / 0.03);
+    &:hover {
+      background-color: hsla(250 11 100 / 0.06);
+      cursor: pointer;
+    }
+
+    & div > svg { transform: rotate(90deg) }
+  }
 }