From c5fae17bce0502f05ec85940e08fe59669c06178 Mon Sep 17 00:00:00 2001
From: Rebecca Hollis <rhollis@jdsfaulkner.com>
Date: Tue, 17 Nov 2020 15:54:09 -0500
Subject: [PATCH] Shaping the accordions

---
 src/assets/pages/styles/test-resources-landing-page2.scss | 8 ++++++++
 src/assets/pages/styles/theme-base.scss                   | 6 ++++++
 src/assets/views/card-category.mustache                   | 1 -
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/assets/pages/styles/test-resources-landing-page2.scss b/src/assets/pages/styles/test-resources-landing-page2.scss
index c68188a..e0f589f 100644
--- a/src/assets/pages/styles/test-resources-landing-page2.scss
+++ b/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;
 }
+
diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss
index c2cdda7..f405e22 100644
--- a/src/assets/pages/styles/theme-base.scss
+++ b/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 {
+  
 }
diff --git a/src/assets/views/card-category.mustache b/src/assets/views/card-category.mustache
index 580c1d7..4d9ee92 100644
--- a/src/assets/views/card-category.mustache
+++ b/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>
\ No newline at end of file