From 5c8aaccad8961c45833d50e265c4a8f9e08a618c Mon Sep 17 00:00:00 2001
From: Daniel Cojocea <danielcojocea28@gmail.com>
Date: Wed, 17 Jul 2024 14:59:37 -0400
Subject: [PATCH] Added some styling to monitor details page

---
 Client/src/Components/BasicTable/index.css |  3 +++
 Client/src/Layouts/HomeLayout/index.css    |  2 +-
 Client/src/Pages/Details/index.jsx         | 10 +++++++++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/Client/src/Components/BasicTable/index.css b/Client/src/Components/BasicTable/index.css
index 723f6c796..a1fe7845d 100644
--- a/Client/src/Components/BasicTable/index.css
+++ b/Client/src/Components/BasicTable/index.css
@@ -67,6 +67,9 @@
   color: var(--env-var-color-5);
   padding: 6px var(--env-var-spacing-2);
 }
+.MuiTable-root .MuiTableBody-root .MuiTableRow-root {
+  height: 50px;
+}
 
 .MuiPaper-root + .MuiPagination-root {
   flex: 1;
diff --git a/Client/src/Layouts/HomeLayout/index.css b/Client/src/Layouts/HomeLayout/index.css
index c9faf48d4..76065015b 100644
--- a/Client/src/Layouts/HomeLayout/index.css
+++ b/Client/src/Layouts/HomeLayout/index.css
@@ -8,6 +8,6 @@
 
 .main-content>div:nth-child(2){
   position: relative;
-  overflow-y: auto;
+  /* overflow-y: auto; */
   flex: 1;
 }
diff --git a/Client/src/Pages/Details/index.jsx b/Client/src/Pages/Details/index.jsx
index c53054ccd..c5f57383a 100644
--- a/Client/src/Pages/Details/index.jsx
+++ b/Client/src/Pages/Details/index.jsx
@@ -106,7 +106,15 @@ const DetailsPage = () => {
   };
 
   return (
-    <div>
+    <div
+      className="monitor-details"
+      style={{
+        padding: `${theme.content.pY} ${theme.content.pX}`,
+      }}
+    >
+      <Typography component="h1" mb={theme.gap.small}>
+        History
+      </Typography>
       <BasicTable data={data} paginated={true} />
     </div>
   );