From ff838eb6ea404958a336e1beda0cd67abd195311 Mon Sep 17 00:00:00 2001
From: a-limyr <andreas.limyr@entur.org>
Date: Mon, 19 Aug 2024 13:40:00 +0200
Subject: [PATCH] Make itinerary list more compact

---
 .../src/components/ItineraryList/ItineraryLegDetails.tsx | 9 +++++----
 client/src/style.css                                     | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/components/ItineraryList/ItineraryLegDetails.tsx b/client/src/components/ItineraryList/ItineraryLegDetails.tsx
index 56fdf430388..488ff34f197 100644
--- 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
index 7dd2565c449..1a24ac2c072 100644
--- 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 {