Make itinerary list more compact

opentripplanner · Aug 19, 2024 · ff838eb · ff838eb
1 parent c3d1843
commit ff838eb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/client/src/components/ItineraryList/ItineraryLegDetails.tsx b/client/src/components/ItineraryList/ItineraryLegDetails.tsx
@@ -10,14 +10,14 @@ export function ItineraryLegDetails({ leg, isLast }: { leg: Leg; isLast: boolean
       <div className="times">
         {formatDistance(leg.distance)}, {formatDuration(leg.duration)}
       </div>
-      <div>
+
         <InterchangeInfo leg={leg} />
         <LegTime
           aimedTime={leg.aimedStartTime}
           expectedTime={leg.expectedStartTime}
           hasRealtime={leg.realtime}
         /> - <LegTime aimedTime={leg.aimedEndTime} expectedTime={leg.expectedEndTime} hasRealtime={leg.realtime} />
-      </div>
+
       <div className="mode">
         <b>{leg.mode}</b>{' '}
         {leg.line && (
@@ -28,10 +28,11 @@ export function ItineraryLegDetails({ leg, isLast }: { leg: Leg; isLast: boolean
             , {leg.authority?.name}
           </>
         )}{' '}
-        <div></div>
+
         {leg.mode !== Mode.Foot && (
           <>
-            <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>}

diff --git a/client/src/style.css b/client/src/style.css
@@ -86,7 +86,7 @@
 }
 
 .itinerary-leg-details .mode {
-  margin-top: 10px;
+  margin-top: 2px;
 }
 
 .itinerary-header-itinerary-number {