Make itinerary list more compact

opentripplanner · Aug 20, 2024 · 5137512 · 5137512
1 parent ff838eb
commit 5137512
Showing 1 changed file with 5 additions and 11 deletions.
diff --git a/client/src/components/ItineraryList/ItineraryLegDetails.tsx b/client/src/components/ItineraryList/ItineraryLegDetails.tsx
@@ -10,14 +10,9 @@ export function ItineraryLegDetails({ leg, isLast }: { leg: Leg; isLast: boolean
       <div className="times">
         {formatDistance(leg.distance)}, {formatDuration(leg.duration)}
       </div>
-
-        <InterchangeInfo leg={leg} />
-        <LegTime
-          aimedTime={leg.aimedStartTime}
-          expectedTime={leg.expectedStartTime}
-          hasRealtime={leg.realtime}
-        /> - <LegTime aimedTime={leg.aimedEndTime} expectedTime={leg.expectedEndTime} hasRealtime={leg.realtime} />
-
+      <InterchangeInfo leg={leg} />
+      <LegTime aimedTime={leg.aimedStartTime} expectedTime={leg.expectedStartTime} hasRealtime={leg.realtime} /> -{' '}
+      <LegTime aimedTime={leg.aimedEndTime} expectedTime={leg.expectedEndTime} hasRealtime={leg.realtime} />
       <div className="mode">
         <b>{leg.mode}</b>{' '}
         {leg.line && (
@@ -28,11 +23,10 @@ export function ItineraryLegDetails({ leg, isLast }: { leg: Leg; isLast: boolean
             , {leg.authority?.name}
           </>
         )}{' '}
-
         {leg.mode !== Mode.Foot && (
           <>
-            <br/>
-              <u title={leg.fromPlace.quay?.id}>{leg.fromPlace.name}</u> →{' '}
+            <br />
+            <u title={leg.fromPlace.quay?.id}>{leg.fromPlace.name}</u> →{' '}
           </>
         )}{' '}
         {!isLast && <u title={leg.toPlace.quay?.id}>{leg.toPlace.name}</u>}