From 380263cab002dcd9bb99a591f9535f29d73f7efc Mon Sep 17 00:00:00 2001
From: Quincy Morgan <2046746+quincylvania@users.noreply.github.com>
Date: Wed, 23 Oct 2024 16:26:59 -0400
Subject: [PATCH] Mobile responsive section headers (close #15)

---
 _sass/dogwood/_layout.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/_sass/dogwood/_layout.scss b/_sass/dogwood/_layout.scss
index ede1add..033831c 100644
--- a/_sass/dogwood/_layout.scss
+++ b/_sass/dogwood/_layout.scss
@@ -866,17 +866,20 @@ table.schedule {
   width: 100%;
   .section-header {
     border-bottom: 1px solid $alpha-grid-color;
+    padding-bottom: $sp * 0.5;
     margin-bottom: $sp;
     display: flex;
+    flex-wrap: wrap;
     align-items: baseline;
     justify-content: space-between;
 
     h2, h3 {
-      white-space: nowrap;
+      margin-bottom: 0;
     }
   }
   a.section-button {
     font-weight: 600;
+    white-space: nowrap;
   }
   margin-bottom: $sp;
 
@@ -1031,7 +1034,6 @@ table.schedule {
     }
   
     .listing-front {
-      max-width: 100%;
       width: 360px;
       position: relative;
       flex: 0 0 auto;
@@ -1120,7 +1122,7 @@ table.schedule {
         width: 100%;
 
         .app-sign {
-          width: 360px;
+          max-width: 360px;
         }
         .contained-image {
           background-position-x: 0;