From 183677d498d109d2ece4c9fb3ff3c9717cda6142 Mon Sep 17 00:00:00 2001
From: Katrina Wheelan <katrina.wheelan@detroitmi.gov>
Date: Wed, 31 Jul 2024 12:45:58 -0400
Subject: [PATCH] add gray background to sidebar

---
 src/index.html                        | 4 ++--
 src/js/components/sidebar/sidebar.css | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index 1a0d5f5..fd1fee1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -123,10 +123,10 @@ <h3 id="supp-title" class="accordion-title">
         <br>
         <h4 id="sidebar-title">Summary</h4>
         <br>
-        <h5 id="section-header"><strong>Baseline</strong></h5>
+        <h5 class="section-header"><strong>Baseline</strong></h5>
         <div id="baseline-stats"></div>
         <!-- Supplemental data -->
-        <h5 id="section-header"><strong>Supplemental</strong></h5>
+        <h5 class="section-header"><strong>Supplemental</strong></h5>
         <div id="supp-stats"></div>
     </div>
 </div>
diff --git a/src/js/components/sidebar/sidebar.css b/src/js/components/sidebar/sidebar.css
index 1d7aa08..ee0342b 100644
--- a/src/js/components/sidebar/sidebar.css
+++ b/src/js/components/sidebar/sidebar.css
@@ -50,4 +50,8 @@ hr {
 
 h6 {
   font-weight: 600;
+}
+
+.section-header {
+  background-color: var(--mediumGray);
 }
\ No newline at end of file