Fix old tables, improve new styles

1 files changed, 15 insertions, 9 deletions

diff --git a/src/frontend/app/routes/stops-$id.css b/src/frontend/app/routes/stops-$id.css
index 50d30f3..3b377a7 100644
--- a/src/frontend/app/routes/stops-$id.css
+++ b/src/frontend/app/routes/stops-$id.css
@@ -1,3 +1,7 @@
+.page-title {
+  margin-block: 0;
+}
+
 .estimates-content-wrapper {
   display: flex;
   flex-direction: column;
@@ -10,11 +14,11 @@
   overflow-y: auto;
   flex: 1;
   min-height: 0;
-  border-radius: 0.5rem;
-}
 
-.table-responsive {
-  overflow-x: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  padding-block: 0 1rem;
 }
 
 .table {
@@ -43,18 +47,22 @@
 }
 
 /* Estimates page specific styles */
-.estimates-page {
+.stops-page {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
+
+  padding-block: 1rem;
+  box-sizing: border-box;
+
+  gap: 1rem;
 }
 
-.estimates-header {
+.stops-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 1rem;
   gap: 1rem;
   flex-shrink: 0;
 }
@@ -233,7 +241,6 @@
   display: flex;
   gap: 0.5rem;
   flex-wrap: wrap;
-  margin-bottom: 1rem;
   flex-shrink: 0;
 }
 
@@ -263,7 +270,6 @@
   border: 1px solid #ffc107;
   border-radius: 8px;
   padding: 1rem;
-  margin-bottom: 1rem;
   color: #856404;
   flex-shrink: 0;
 }