Refactor styles in StopSummarySheet and ReducedArrivalCard components; update translations in es-ES.json

1 files changed, 3 insertions, 32 deletions

diff --git a/src/frontend/app/components/map/StopSummarySheet.css b/src/frontend/app/components/map/StopSummarySheet.css
index e39ac07..7b4b75c 100644
--- a/src/frontend/app/components/map/StopSummarySheet.css
+++ b/src/frontend/app/components/map/StopSummarySheet.css
@@ -16,34 +16,13 @@
 }
 
 .stop-sheet-content {
-  padding: 16px;
+  padding-inline: 1rem;
   display: flex;
   flex-direction: column;
   /* overflow: hidden; */
   touch-action: pan-y;
 }
 
-.stop-sheet-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 16px;
-}
-
-.stop-sheet-title {
-  font-family: var(--font-display);
-  font-size: 1.5rem;
-  font-weight: 600;
-  color: var(--text-color);
-  margin: 0;
-}
-
-.stop-sheet-id {
-  font-family: var(--font-display);
-  font-size: 1rem;
-  color: var(--subtitle-color);
-}
-
 .stop-sheet-lines-container {
   display: flex;
   gap: 0.5rem;
@@ -88,14 +67,6 @@
   margin-block-start: 1.25rem;
 }
 
-.stop-sheet-subtitle {
-  font-family: var(--font-display);
-  font-size: 1.1rem;
-  font-weight: 500;
-  color: var(--text-color);
-  margin: 0 0 12px 0;
-}
-
 .stop-sheet-no-estimates {
   font-family: var(--font-display);
   text-align: center;
@@ -182,8 +153,7 @@
   flex-direction: column;
   gap: 0.75rem;
   margin: 0;
-  padding: 0.75rem 16px 1rem 16px;
-  border-top: 1px solid var(--border-color);
+  padding: 1rem 0.75rem;
   background-color: var(--background-color);
   z-index: 10;
 }
@@ -197,6 +167,7 @@
 
 .stop-sheet-actions {
   display: flex;
+  justify-content: end;
   gap: 0.75rem;
 }