From 979b57e580ec47dd204411ceb469da59c1320111 Mon Sep 17 00:00:00 2001
From: Hannah Purcell <hpurcell@mbta.com>
Date: Wed, 16 Oct 2024 08:54:08 -0400
Subject: [PATCH 1/2] tweak: Make the missed stops count badge round

---
 assets/src/components/detours/detourPanelComponents.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/assets/src/components/detours/detourPanelComponents.tsx b/assets/src/components/detours/detourPanelComponents.tsx
index accd3ff45..b3ade333f 100644
--- a/assets/src/components/detours/detourPanelComponents.tsx
+++ b/assets/src/components/detours/detourPanelComponents.tsx
@@ -13,7 +13,10 @@ export const MissedStops = ({ missedStops }: MissedStopsProps) => (
     {missedStops && (
       <section className="pb-3">
         <h2 className="c-diversion-panel__h2">
-          Missed Stops <Badge bg="missed-stop">{missedStops.length}</Badge>
+          Missed Stops{" "}
+          <Badge pill bg="missed-stop" className="fs-4">
+            {missedStops.length}
+          </Badge>
         </h2>
         <ListGroup as="ul">
           {uniqBy(missedStops, (stop) => stop.id).map((missedStop) => (

From 7e32eaf9c142f40860ee1d00b45adf8034a1f9a4 Mon Sep 17 00:00:00 2001
From: Hannah Purcell <69368883+hannahpurcell@users.noreply.github.com>
Date: Wed, 16 Oct 2024 14:28:43 -0400
Subject: [PATCH 2/2] tweak: use padding instead of relying on a blank space

Co-authored-by: Kayla Firestack <firestack@users.noreply.github.com>
---
 assets/src/components/detours/detourPanelComponents.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/src/components/detours/detourPanelComponents.tsx b/assets/src/components/detours/detourPanelComponents.tsx
index b3ade333f..384f96138 100644
--- a/assets/src/components/detours/detourPanelComponents.tsx
+++ b/assets/src/components/detours/detourPanelComponents.tsx
@@ -13,8 +13,8 @@ export const MissedStops = ({ missedStops }: MissedStopsProps) => (
     {missedStops && (
       <section className="pb-3">
         <h2 className="c-diversion-panel__h2">
-          Missed Stops{" "}
-          <Badge pill bg="missed-stop" className="fs-4">
+          Missed Stops
+          <Badge pill bg="missed-stop" className="ps-2 fs-4">
             {missedStops.length}
           </Badge>
         </h2>