From 93982379f0fd568d17603e39b6ed7ebf77970e6a Mon Sep 17 00:00:00 2001
From: kotva006 <ryan.kotval@gmail.com>
Date: Tue, 30 Apr 2024 08:15:23 -0500
Subject: [PATCH] Fixed wrapping and padding

---
 assets/css/_stop-bubbles.scss                                 | 4 ++++
 .../templates/schedule/_stop_list_expand_link.html.eex        | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/css/_stop-bubbles.scss b/assets/css/_stop-bubbles.scss
index 078b856bc9..11e6751bbb 100644
--- a/assets/css/_stop-bubbles.scss
+++ b/assets/css/_stop-bubbles.scss
@@ -172,6 +172,10 @@ $location-line-width: $space-6;
   text-align: left;
   width: 100%;
 
+  @include media-breakpoint-down(sm) {
+    padding-right: 0;
+  }
+
   &:hover {
     text-decoration: none;
   }
diff --git a/lib/dotcom_web/templates/schedule/_stop_list_expand_link.html.eex b/lib/dotcom_web/templates/schedule/_stop_list_expand_link.html.eex
index 165d1394fb..9bd090cf56 100644
--- a/lib/dotcom_web/templates/schedule/_stop_list_expand_link.html.eex
+++ b/lib/dotcom_web/templates/schedule/_stop_list_expand_link.html.eex
@@ -23,7 +23,7 @@
               <div class="d-flex">
                 <div class="u-bold pe-8 text-wrap">Ride the <%= @branch_display %> </div> (<%= intermediate_stop_count %> <%= stop_string %>, <%= duration_minutes %> min)
               </div>
-              <div>
+              <div class="text-wrap">
                 <% headsign = if @itinerary_row.trip.headsign == "", do: "", else: "towards #{@itinerary_row.trip.headsign}" %>
                 <%= Routes.Route.direction_name(@route, @itinerary_row.trip.direction_id) %> <%= headsign %>
               </div>