From 770f764d55045dae34737a5d6111cc7362330e9a Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Tue, 21 Oct 2025 23:49:00 +0200
Subject: Update deployment script and enhance StopSheet component styles and
 structure

---
 src/frontend/app/components/StopSheet.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/frontend/app/components/StopSheet.tsx')

diff --git a/src/frontend/app/components/StopSheet.tsx b/src/frontend/app/components/StopSheet.tsx
index 7255884..0084c14 100644
--- a/src/frontend/app/components/StopSheet.tsx
+++ b/src/frontend/app/components/StopSheet.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { Sheet } from "react-modal-sheet";
 import { Link } from "react-router";
 import { useTranslation } from "react-i18next";
-import { RefreshCw } from "lucide-react";
+import { Clock, ClockFading, Hourglass, RefreshCw } from "lucide-react";
 import LineIcon from "./LineIcon";
 import { StopSheetSkeleton } from "./StopSheetSkeleton";
 import { ErrorDisplay } from "./ErrorDisplay";
@@ -168,14 +168,14 @@ export const StopSheet: React.FC<StopSheetProps> = ({
                             <div className="stop-sheet-estimate-route">
                               {estimate.route}
                             </div>
-                            <div className="stop-sheet-estimate-time">
+                          </div>
+                          <div className="stop-sheet-estimate-arrival">
+                            <div className={`stop-sheet-estimate-time ${estimate.minutes <= 15 ? 'is-minutes' : ''}`}>
+                              <Clock />
                               {formatTime(estimate.minutes)}
-                              {regionConfig.showMeters && estimate.meters > -1 && (
-                                <span className="stop-sheet-estimate-distance">
-                                  {" • "}
-                                  {formatDistance(estimate.meters)}
-                                </span>
-                              )}
+                            </div>
+                            <div className="stop-sheet-estimate-distance">
+                              {formatDistance(estimate.meters)}
                             </div>
                           </div>
                         </div>
-- 
cgit v1.3

