addtl mobile styles

Author: Kayla Wilkins

src/css/components/4_pages/api-page.css

@@ -40,7 +40,6 @@
 .active-group .list-group {
   max-height: 100%;
   visibility: visible;
-  border-left: 1px solid #ddd;
   @apply mt-2 mb-4 ml-2 pl-2;
 }
 
@@ -50,7 +49,7 @@
 }
 
 .active-group .list-group li {
-  @apply my-2;
+  @apply py-3;
 }
 
 .caret {
@@ -134,7 +133,7 @@
 
 .sidemenu-button {
   width: 100%;
-  padding: 6px 10px;
+  padding: 10px;
   /* margin: 0 6px; */
   text-align: left;
   display: flex;
@@ -239,6 +238,14 @@
     box-shadow: none;
     background-color: none;
   }
+
+  .active-group .list-group {
+    border-left: 1px solid #ddd;
+  }
+
+  .active-group .list-group li {
+    @apply py-2;
+  }
 }
 
 @screen lg {