QMAPS-2824 ui (#1402)

Qwant · Sep 14, 2022 · a7dc61f · a7dc61f
1 parent de706fa
commit a7dc61f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/panel/direction/PublicTransportLine/index.tsx b/src/panel/direction/PublicTransportLine/index.tsx
@@ -35,7 +35,6 @@ const PublicTransportLine: React.FunctionComponent<PublicTransportLineProps> = (
   const lineColor = info?.lineColor ? Color('#' + info.lineColor) : Color('white');
   return (
     <>
-      <div className="oval" />
       {mode && (
         <DefaultRoadMapIcon
           className="routePtLine__transport-icon"

diff --git a/...panel/direction/RoutesList/Route/RoadMap/PublicTransport/PublicTransportLineLeg/index.jsx b/...panel/direction/RoutesList/Route/RoadMap/PublicTransport/PublicTransportLineLeg/index.jsx
@@ -26,21 +26,25 @@ const PublicTransportLineLeg = ({ leg }) => {
     >
       <div className="itinerary_roadmap_item_summary" onClick={() => setDetailsOpen(!detailsOpen)}>
         <div>
+          <div className="oval" />
+
+          {from?.name && (
+            <Flex mt="xxxs" mb="xxs">
+              <Text typo="body-2" bold>
+                {from.name}
+              </Text>
+            </Flex>
+          )}
+
           <PublicTransportLine mode={mode} info={info} showDirection />
+
           {duration && stops.length > 0 && (
             <Flex mt="xxxs">
               <Text typo="caption-1" color="secondary">
                 {formatDuration(duration)} ({stops.length + 1} {_('stops')})
               </Text>
             </Flex>
           )}
-          {from?.name && (
-            <Flex mt="xxxs">
-              <Text typo="body-2" bold>
-                {from.name}
-              </Text>
-            </Flex>
-          )}
           {detailsOpen && (
             <div className="itinerary_roadmap_substeps">
               {stops.map((stop, index) => (