From 694beb4ea230b239024f5f036d458a5c9a39f6ad Mon Sep 17 00:00:00 2001
From: Scott Feeney <scott@oceanbase.org>
Date: Wed, 21 Aug 2024 17:17:25 -0700
Subject: [PATCH] Transit alerts: omit colon if no body

This makes sure we don't show a colon unless there's both a header and a
body. Addresses part of #258
---
 src/components/ItineraryHeader.css | 2 +-
 src/components/ItineraryHeader.tsx | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ItineraryHeader.css b/src/components/ItineraryHeader.css
index e5b9a4ed..8297a1f7 100644
--- a/src/components/ItineraryHeader.css
+++ b/src/components/ItineraryHeader.css
@@ -78,7 +78,7 @@
   font-weight: bold;
 }
 
-.ItineraryHeader_alertHeader::after {
+.ItineraryHeader_alertHeader__hasBody::after {
   content: ': ';
 }
 
diff --git a/src/components/ItineraryHeader.tsx b/src/components/ItineraryHeader.tsx
index ab94e20e..96cb5552 100644
--- a/src/components/ItineraryHeader.tsx
+++ b/src/components/ItineraryHeader.tsx
@@ -106,7 +106,12 @@ export default function ItineraryHeader({
               </Icon>
               {alertHeader && (
                 <>
-                  <span className="ItineraryHeader_alertHeader">
+                  <span
+                    className={classnames({
+                      ItineraryHeader_alertHeader: true,
+                      ItineraryHeader_alertHeader__hasBody: !!alertBody,
+                    })}
+                  >
                     {alertHeader}
                   </span>
                   <div />