From 18b95ce46c3bf7bde4c5d987885f582de1fd08be Mon Sep 17 00:00:00 2001
From: Dave <8709533+DaveBathnes@users.noreply.github.com>
Date: Mon, 24 Feb 2025 23:19:03 +0000
Subject: [PATCH] Making table responsive (#124)

---
 package-lock.json | 6 +++---
 src/Stops.jsx     | 2 +-
 src/theme.js      | 5 +++++
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2c125fa..5dc0f15 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2654,9 +2654,9 @@
       "integrity": "sha512-0l1/0gOjESMeQyYaK5IDiPNvFeu93Z/cO0TjZh9eZ1vyCtZnA7KMZ8rQggpsJHIbGSdrqYq9OhuveadOVHCshw=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.103",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.103.tgz",
-      "integrity": "sha512-P6+XzIkfndgsrjROJWfSvVEgNHtPgbhVyTkwLjUM2HU/h7pZRORgaTlHqfAikqxKmdJMLW8fftrdGWbd/Ds0FA==",
+      "version": "1.5.104",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.104.tgz",
+      "integrity": "sha512-Us9M2L4cO/zMBqVkJtnj353nQhMju9slHm62NprKTmdF3HH8wYOtNvDFq/JB2+ZRoGLzdvYDiATlMHs98XBM1g==",
       "dev": true
     },
     "node_modules/email-addresses": {
diff --git a/src/Stops.jsx b/src/Stops.jsx
index e96836d..fba0fe9 100644
--- a/src/Stops.jsx
+++ b/src/Stops.jsx
@@ -136,7 +136,7 @@ const Stops = () => {
         Stops
       </ListSubheader>
       <div style={{ display: 'flex', height: '100%' }}>
-        <div style={{ flexGrow: 1 }}>
+        <div style={{ flexGrow: 1, width: '100%' }}>
           <DataGrid
             sx={{
               backgroundColor: 'white',
diff --git a/src/theme.js b/src/theme.js
index b777a5b..4b022cb 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -30,6 +30,11 @@ const theme = createTheme({
         }
       }
     }
+  },
+  mixins: {
+    MuiDataGrid: {
+      containerBackground: blueGrey[50]
+    }
   }
 })