From f349c491284c0cb007a97c9a11220cc00adbb64f Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Sat, 15 Nov 2025 17:12:12 +0100
Subject: Fix old tables, improve new styles

---
 src/frontend/app/components/StopMapSheet.css       |  2 --
 .../Stops/ConsolidatedCirculationList.css          | 14 ++------
 .../Stops/ConsolidatedCirculationList.tsx          | 39 +++-------------------
 3 files changed, 7 insertions(+), 48 deletions(-)

(limited to 'src/frontend/app/components')

diff --git a/src/frontend/app/components/StopMapSheet.css b/src/frontend/app/components/StopMapSheet.css
index edf1f52..7a3b88c 100644
--- a/src/frontend/app/components/StopMapSheet.css
+++ b/src/frontend/app/components/StopMapSheet.css
@@ -2,11 +2,9 @@
 .stop-map-container {
   width: 100%;
   height: 300px;
-  border-radius: 8px;
   overflow: hidden;
   border: 1px solid var(--border-color);
   margin-block-start: 0;
-  margin-block-end: 1rem;
   flex-shrink: 0;
 }
 
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
index 3ce8a02..ca136d8 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css
@@ -1,8 +1,3 @@
-/* Consolidated Circulation List Styles */
-.consolidated-circulation-container {
-  width: 100%;
-}
-
 .consolidated-circulation-caption {
   font-size: 0.9rem;
   color: var(--subtitle-color);
@@ -18,14 +13,9 @@
   font-size: 0.95rem;
 }
 
-.consolidated-circulation-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  padding-block: 0 1rem;
-}
-
 .consolidated-circulation-card {
+  flex: 0 0 auto;
+
   display: flex;
   flex-direction: column;
   background-color: var(--message-background-color);
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx b/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
index aae9b05..4ee296d 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
@@ -138,7 +138,7 @@ export const ConsolidatedCirculationList: React.FC<RegularTableProps> = ({
   );
 
   return (
-    <div className="consolidated-circulation-container">
+    <>
       <div className="consolidated-circulation-caption">
         {t("estimates.caption", "Estimaciones de llegadas a las {{time}}", {
           time: dataDate?.toLocaleTimeString(),
@@ -150,7 +150,7 @@ export const ConsolidatedCirculationList: React.FC<RegularTableProps> = ({
           {t("estimates.none", "No hay estimaciones disponibles")}
         </div>
       ) : (
-        <div className="consolidated-circulation-list">
+        <>
           {sortedData.map((estimate, idx) => {
             const displayMinutes =
               estimate.realTime?.minutes ?? estimate.schedule?.minutes ?? 0;
@@ -194,44 +194,15 @@ export const ConsolidatedCirculationList: React.FC<RegularTableProps> = ({
                         estimate.realTime &&
                         estimate.realTime.distance >= 0 && <> &middot; </>}
 
-                        {delayText}
-
+                      {delayText}
                     </div>
                   </div>
                 </div>
-
-                {/*<div className="card-footer">
-                  <span className="status-text">
-                    {delayText && (
-                      <>
-                        {t("estimates.bus_is", "Bus is")} {delayText}.{" "}
-                      </>
-                    )}
-                  </span>
-                  <span className="status-text">
-                    {estimate.schedule ? (
-                      <>
-                        {t("estimates.service", "Service")}{" "}
-                        {parseServiceId(estimate.schedule.serviceId)}
-                        {", "}
-                        {t("estimates.trip", "trip")}{" "}
-                        {getTripIdDisplay(estimate.schedule.tripId)}
-                      </>
-                    ) : (
-                      <>
-                        {t(
-                          "estimates.unknown_service",
-                          "Unknown service. It may be a reinforcement or the service has a different name than planned.",
-                        )}
-                      </>
-                    )}
-                  </span>
-                </div>*/}
               </div>
             );
           })}
-        </div>
+        </>
       )}
-    </div>
+    </>
   );
 };
-- 
cgit v1.3