From 3c1bfa0f3e098a6fd02972c03d4fb0f7d7aa53f4 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Sun, 13 Oct 2024 18:40:57 +0100
Subject: [PATCH] formatting table

---
 interface/src/app/main/Dashboard.tsx | 65 +++++++++++++---------------
 interface/src/app/main/Devices.tsx   | 13 ------
 2 files changed, 30 insertions(+), 48 deletions(-)

diff --git a/interface/src/app/main/Dashboard.tsx b/interface/src/app/main/Dashboard.tsx
index 24eee643a..dda4a907f 100644
--- a/interface/src/app/main/Dashboard.tsx
+++ b/interface/src/app/main/Dashboard.tsx
@@ -99,21 +99,8 @@ const Dashboard = () => {
     Row: `
       cursor: pointer;
       background-color: #1e1e1e;
-      .td {
-        // TODO remove
-        // border-top: 1px solid #0000;
-        // border-bottom: 1px solid #0000;
-      }
-      // TODO remove
-      // &.tr.tr-body.row-select.row-select-single-selected {
-      //   background-color: #177ac9;
-      //   font-weight: normal;
-      //   color: red;
-      // }  
       &:hover .td {
         background-color: #177ac9;
-        // border-top: 1px solid #177ac9;
-        // border-bottom: 1px solid #177ac9;
       }
     `,
     BaseCell: `
@@ -236,30 +223,38 @@ const Dashboard = () => {
 
     return (
       <>
-        <Grid container spacing={0} justifyContent="flex-start">
-          <Grid size={11}>
-            <Typography mb={2} variant="body1" color="warning">
-              {LL.DASHBOARD_1()}
-            </Typography>
-          </Grid>
+        <Box
+          sx={{
+            backgroundColor: 'black',
+            pt: 1,
+            pl: 2
+          }}
+        >
+          <Grid container spacing={0} justifyContent="flex-start">
+            <Grid size={11}>
+              <Typography mb={2} variant="body1" color="warning">
+                {LL.DASHBOARD_1()}
+              </Typography>
+            </Grid>
 
-          <Grid size={1} alignItems="end">
-            <ToggleButtonGroup
-              color="primary"
-              size="small"
-              value={showAll}
-              exclusive
-              onChange={handleShowAll}
-            >
-              <ToggleButton value={true}>
-                <UnfoldMoreIcon sx={{ fontSize: 14 }} />
-              </ToggleButton>
-              <ToggleButton value={false}>
-                <UnfoldLessIcon sx={{ fontSize: 14 }} />
-              </ToggleButton>
-            </ToggleButtonGroup>
+            <Grid size={1} alignItems="end">
+              <ToggleButtonGroup
+                color="primary"
+                size="small"
+                value={showAll}
+                exclusive
+                onChange={handleShowAll}
+              >
+                <ToggleButton value={true}>
+                  <UnfoldMoreIcon sx={{ fontSize: 14 }} />
+                </ToggleButton>
+                <ToggleButton value={false}>
+                  <UnfoldLessIcon sx={{ fontSize: 14 }} />
+                </ToggleButton>
+              </ToggleButtonGroup>
+            </Grid>
           </Grid>
-        </Grid>
+        </Box>
 
         <Box
           padding={1}
diff --git a/interface/src/app/main/Devices.tsx b/interface/src/app/main/Devices.tsx
index 3cf94054c..ddd30fe39 100644
--- a/interface/src/app/main/Devices.tsx
+++ b/interface/src/app/main/Devices.tsx
@@ -150,23 +150,13 @@ const Devices = () => {
     Row: `
       cursor: pointer;
       background-color: #1E1E1E;
-      // position: relative;
       .td {
         padding: 8px;
-        // TODO remove
-        // border-top: 1px solid #565656;
-        // border-bottom: 1px solid #565656;
       }
       &.tr.tr-body.row-select.row-select-single-selected {
         background-color: #177ac9;
         font-weight: normal;
       }
-      // TODO remove
-      // &:hover .td {
-      //   background-color: #177ac9;
-      //   border-top: 1px solid #177ac9;
-      //   border-bottom: 1px solid #177ac9;
-      // }
     `
   });
 
@@ -232,9 +222,6 @@ const Devices = () => {
         },
         &:hover .td {
         background-color: #177ac9;
-        // TODO remove
-        // border-top: 1px solid #177ac9;
-        // border-bottom: 1px solid #177ac9;
       }
       `
     }