From 7be15fffa3e615ca2983c0279210dda3f29f67de Mon Sep 17 00:00:00 2001
From: rw-bsi <raphael+buildingsmart@xeneo.biz>
Date: Mon, 9 Sep 2024 14:26:59 +0200
Subject: [PATCH] Moved delete icon to the far left

---
 frontend/src/DashboardTable.js | 39 +++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/frontend/src/DashboardTable.js b/frontend/src/DashboardTable.js
index 42a990d..7d3ab50 100644
--- a/frontend/src/DashboardTable.js
+++ b/frontend/src/DashboardTable.js
@@ -184,7 +184,7 @@ function EnhancedTableToolbar({ numSelected, onDelete, onRevalidate }) {
   return (
     <Toolbar
       sx={{
-        pl: { sm: 2 },
+        pl: { sm: 1 },
         pr: { xs: 1, sm: 1 },
         backgroundColor: "none",
         ...(numSelected > 0 && {
@@ -193,9 +193,23 @@ function EnhancedTableToolbar({ numSelected, onDelete, onRevalidate }) {
         }),
       }}
     >
+      {numSelected > 0 && (
+        <Tooltip title="Delete">
+          <IconButton onClick={onDelete}>
+            <DeleteIcon />
+          </IconButton>
+        </Tooltip>)}
+
+      {/* {numSelected > 0 && (
+        <Tooltip title="Revalidate">
+          <IconButton onClick={onRevalidate}>
+            <ReplayIcon />
+          </IconButton>
+        </Tooltip>)} */}
+
       {numSelected > 0 ? (
         <Typography
-          sx={{ flex: '1 1 100%' }}
+          //sx={{ flex: '1 1 100%' }}
           color="inherit"
           variant="subtitle1"
           component="div"
@@ -204,28 +218,13 @@ function EnhancedTableToolbar({ numSelected, onDelete, onRevalidate }) {
         </Typography>
       ) : (
         <Typography
-          sx={{ flex: '1 1 100%' }}
+          // sx={{ flex: '1 1 100%' }}
           variant="h6"
           id="tableTitle"
           component="div"
-        >
-
-        </Typography>
+        />
       )}
-
-      {numSelected > 0 && (
-        <Tooltip title="Delete">
-          <IconButton onClick={onDelete}>
-            <DeleteIcon />
-          </IconButton>
-        </Tooltip>)}
-
-      {/* {numSelected > 0 && (
-        <Tooltip title="Revalidate">
-          <IconButton onClick={onRevalidate}>
-            <ReplayIcon />
-          </IconButton>
-        </Tooltip>)} */}
+      
     </Toolbar>
   );
 }