Fix some terminus formatting, add marquee-d next streets

2 files changed, 8 insertions, 1 deletions

diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css
index e61ac25..57d30c8 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css
@@ -118,7 +118,6 @@
 }
 
 .consolidated-circulation-card .card-row.meta {
-  flex-wrap: wrap;
   justify-content: flex-start;
   gap: 0.4rem;
 }
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx
index 6f92644..7198c7b 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx
@@ -1,4 +1,5 @@
 import { useMemo } from "react";
+import Marquee from 'react-fast-marquee';
 import { useTranslation } from "react-i18next";
 import LineIcon from "~components/LineIcon";
 import { type ConsolidatedCirculation } from "~routes/stops-$id";
@@ -220,6 +221,13 @@ export const ConsolidatedCirculationCard: React.FC<
               {chip.label}
             </span>
           ))}
+
+          {estimate.nextStreets && estimate.nextStreets.length > 0 && (
+            <Marquee speed={85}>
+              <div className="mr-64"></div>
+              {estimate.nextStreets.join(" — ")}
+            </Marquee>
+          )}
         </div>
       )}
     </Tag>