Fix old tables, improve new styles

2 files changed, 7 insertions, 46 deletions

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>
+    </>
   );
 };