From 4056bc1b66db722bfcffaa960f8ff89150971a4d Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Sun, 8 Mar 2026 23:23:18 +0100
Subject: Refactor styles in StopSummarySheet and ReducedArrivalCard
 components; update translations in es-ES.json

---
 src/frontend/app/components/arrivals/ReducedArrivalCard.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

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

diff --git a/src/frontend/app/components/arrivals/ReducedArrivalCard.tsx b/src/frontend/app/components/arrivals/ReducedArrivalCard.tsx
index 4ba08b1..27d97b3 100644
--- a/src/frontend/app/components/arrivals/ReducedArrivalCard.tsx
+++ b/src/frontend/app/components/arrivals/ReducedArrivalCard.tsx
@@ -138,13 +138,13 @@ export const ReducedArrivalCard: React.FC<ArrivalCardProps> = ({
   return (
     <Tag
       onClick={isClickable ? onClick : undefined}
-      className={`w-full text-left flex-none flex items-center gap-3 min-h-12 rounded px-3 py-2.5 transition-all bg-slate-50 dark:bg-slate-800 border border-gray-200 dark:border-gray-700 ${
+      className={`w-full text-left flex-none flex items-center gap-3 min-h-12 rounded p-2 transition-all bg-slate-50 dark:bg-slate-800 border border-gray-200 dark:border-gray-700 ${
         isClickable
           ? "hover:border-blue-400 dark:hover:border-blue-500 active:scale-[0.99] cursor-pointer"
           : ""
       }`}
     >
-      <div className="shrink-0 min-w-[7ch] mt-0.5">
+      <div className="shrink-0 min-w-[4ch] mt-0.5">
         <RouteIcon
           line={route.shortName}
           colour={route.colour}
@@ -216,9 +216,8 @@ export const ReducedArrivalCard: React.FC<ArrivalCardProps> = ({
         `.trim()}
       >
         <div className="flex flex-col items-center leading-none">
-          <span className="text-lg font-bold leading-none">{etaValue}</span>
-          <span className="text-[0.55rem] uppercase tracking-wider mt-0.5 opacity-90">
-            {etaUnit}
+          <span className="text-lg font-bold leading-none">
+            {etaValue}&apos;
           </span>
         </div>
       </div>
-- 
cgit v1.3

