Fix map markers

3 files changed, 13 insertions, 15 deletions

diff --git a/src/frontend/app/components/StopMapSheet.tsx b/src/frontend/app/components/StopMapSheet.tsx
index a0d30f4..2dc85db 100644
--- a/src/frontend/app/components/StopMapSheet.tsx
+++ b/src/frontend/app/components/StopMapSheet.tsx
@@ -145,7 +145,7 @@ export const StopMap: React.FC<StopMapProps> = ({
                   height: 14,
                   background: "#1976d2",
                   border: "2px solid white",
-                  borderRadius: "50%",
+                  borderRadius: "5%",
                   boxShadow: "0 0 0 2px rgba(0,0,0,0.2)",
                 }}
                 title={`Stop ${stop.stopId}`}
@@ -165,7 +165,6 @@ export const StopMap: React.FC<StopMapProps> = ({
                 anchor="center"
               >
                 <div
-                  title={`${c.line} → ${c.route}`}
                   style={{
                     display: "flex",
                     flexDirection: "column",
@@ -187,6 +186,7 @@ export const StopMap: React.FC<StopMapProps> = ({
                       lineHeight: 1,
                       border: "1px solid #fff",
                       boxShadow: "0 1px 2px rgba(0,0,0,0.3)",
+                      transform: `rotate(${-p.orientationDegrees}deg)`,
                     }}
                   >
                     {c.line}
diff --git a/src/frontend/app/data/LineColors.ts b/src/frontend/app/data/LineColors.ts
index 00ed890..0d23211 100644
--- a/src/frontend/app/data/LineColors.ts
+++ b/src/frontend/app/data/LineColors.ts
@@ -88,10 +88,11 @@ export function getLineColor(
   region: RegionId,
   line: string,
 ): LineColorInfo {
-  const formattedLine =  /^[a-zA-Z]/.test(line) ? line : `L${line}`;
+  let formattedLine =  /^[a-zA-Z]/.test(line) ? line : `L${line}`;
+  formattedLine = formattedLine.toLowerCase().trim();
 
   if (region === "vigo") {
-    return vigoLineColors[formattedLine] ?? defaultLineColor;
+    return vigoLineColors[formattedLine.toLowerCase().trim()] ?? defaultLineColor;
   } else if (region === "santiago") {
     return santiagoLineColors[formattedLine] ?? defaultLineColor;
   }
diff --git a/src/frontend/app/routes/stops-$id.tsx b/src/frontend/app/routes/stops-$id.tsx
index 92d76a3..30a8d1b 100644
--- a/src/frontend/app/routes/stops-$id.tsx
+++ b/src/frontend/app/routes/stops-$id.tsx
@@ -213,10 +213,7 @@ export default function Estimates() {
   }
 
   return (
-    <PullToRefresh
-      onRefresh={handleManualRefresh}
-      isRefreshing={isManualRefreshing}
-    >
+    <>
       <div className="page-container estimates-page">
         <div className="estimates-header">
           <h1 className="page-title">
@@ -251,12 +248,6 @@ export default function Estimates() {
           </div>
         )}
 
-        <div className="experimental-notice">
-          <strong>
-            {t("estimates.experimental_feature", "Experimental feature")}
-          </strong>
-        </div>
-
         {(isManualRefreshing || dataLoading) && (
           <div className="refresh-status">
             <RefreshCw className="refresh-icon spinning" />
@@ -268,6 +259,12 @@ export default function Estimates() {
 
         <div className="estimates-content-wrapper">
           <div className="estimates-list-container">
+            <div className="experimental-notice">
+              <strong>
+                {t("estimates.experimental_feature", "Experimental feature")}
+              </strong>
+            </div>
+
             <div className="table-responsive">
               {dataLoading ? (
                 <ConsolidatedCirculationListSkeleton />
@@ -304,6 +301,6 @@ export default function Estimates() {
           )}
         </div>
       </div>
-    </PullToRefresh>
+    </>
   );
 }