Mobile responsive section headers (close #15)

osmus · Oct 23, 2024 · 380263c · 380263c
1 parent 5275c9f
commit 380263c
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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;