Shaping the accordions

src/assets/pages/styles/test-resources-landing-page2.scss

@@ -129,7 +129,14 @@ body {
 .form-control:-moz-placeholder { color: searchfont; }  /* Mozilla Firefox 4 to 18 */
 .form-control::-moz-placeholder { color: searchfont; }  /* Mozilla Firefox 19+ */
 
+.category-header p {
+  margin: 0 0 .15em 0;
+  padding-left: 1rem; 
+}
 
+.category-header h4 {
+  padding-left: 1rem; 
+}
 
 .footer {
   padding-top: 3rem;
@@ -144,3 +151,4 @@ body {
   padding-left: 25rem;
   color: footertext;
 }
+

src/assets/pages/styles/theme-base.scss

@@ -61,8 +61,14 @@ body{
   border-radius: 5px;
   background-color: transparent;
   cursor: pointer;
+  margin-bottom: 4px;
 }
 
 .category-header.active {
   background-color: white;
+  margin-bottom: 25px;
+}
+
+.category-header br {
+  
 }

src/assets/views/card-category.mustache

@@ -4,7 +4,6 @@
         <div class="d-inline-flex"><h4>{{{category-id-clean}}}</h4> <img id="{{{category-key}}}-img" src="../images/chevron-up.svg" alt="button"/></div>
         <p class="text-#000000 align-self-center">{{{category-description}}}</p>
     </div>
-    <br>
     <div id="{{{category-key}}}-container" class="{{{category-key}}}-collapse no-overflow row" style="display:none;"></div>
 </div>
 </html>