details padding and accessibility icon

lib/dotcom_web/components/trip_planner/itinerary_summary.ex

@@ -23,8 +23,12 @@ defmodule DotcomWeb.Components.TripPlanner.ItinerarySummary do
         <% end %>
       </div>
       <div class="flex flex-wrap gap-1 items-center mb-3 text-sm text-grey-dark">
-        <div :if={@summary.accessible?} class="inline-flex items-center gap-0.5">
-          <.icon type="icon-svg" name="icon-accessible-small" class="h-3 w-3 mr-0.5" /> Accessible
+        <div class="inline-flex items-center gap-0.5">
+          <%= if @summary.accessible? do %>
+            <.icon type="icon-svg" name="icon-accessible-small" class="h-3 w-3 mr-0.5" /> Accessible
+          <% else %>
+            <.icon type="icon-svg" name="icon-not-accessible-small" class="h-3 w-3 mr-0.5" /> May not be accessible
+          <% end %>
           <.icon name="circle" class="h-0.5 w-0.5 mx-1" />
         </div>
         <div class="inline-flex items-center gap-0.5">

lib/dotcom_web/components/trip_planner/transit_leg.ex

@@ -46,12 +46,12 @@ defmodule DotcomWeb.Components.TripPlanner.TransitLeg do
         </div>
 
         <%= if Enum.count(@leg.mode.intermediate_stops) < 2 do %>
-          <div class="w-full my-3">
+          <div class="w-full py-5">
             <.leg_summary leg={@leg} alerts={@alerts.route} />
             <.leg_details leg={@leg} />
           </div>
         <% else %>
-          <details class="w-full my-3 group/stops">
+          <details class="w-full py-5 group/stops">
             <summary class="flex items-start cursor-pointer">
               <.leg_summary leg={@leg} alerts={@alerts.route} />