From 7330ca20f862b9fbec0da69f70a24d9ef7d7b059 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Thu, 25 May 2023 20:16:19 +0200
Subject: [PATCH] condensed table for entity data

---
 interface/src/project/DashboardDevices.tsx | 41 +++++++++++++---------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/interface/src/project/DashboardDevices.tsx b/interface/src/project/DashboardDevices.tsx
index c559dc02d..24c3ee52d 100644
--- a/interface/src/project/DashboardDevices.tsx
+++ b/interface/src/project/DashboardDevices.tsx
@@ -156,6 +156,11 @@ const DashboardDevices: FC = () => {
           display:none;
         }
       `,
+      BaseRow: `
+      .td {
+        height: 32px;
+      }
+     `,
       BaseCell: `
         &:nth-of-type(1) {
           border-left: 1px solid #177ac9;
@@ -499,7 +504,6 @@ const DashboardDevices: FC = () => {
             <Box color="warning.main" ml={1}>
               <Typography noWrap variant="h6">
                 {coreData.devices[deviceIndex].n}
-                &nbsp;({shown_data.length})
               </Typography>
             </Box>
             <Grid item zeroMinWidth justifyContent="flex-end">
@@ -510,22 +514,25 @@ const DashboardDevices: FC = () => {
           </Grid>
 
           <Grid item xs>
-            <IconButton onClick={() => setShowDeviceInfo(true)}>
-              <InfoOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
-            </IconButton>
-            <IconButton onClick={handleDownloadCsv}>
-              <DownloadIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
-            </IconButton>
-            <IconButton onClick={() => setOnlyFav(!onlyFav)}>
-              {onlyFav ? (
-                <StarIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
-              ) : (
-                <StarBorderOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
-              )}
-            </IconButton>
-            <IconButton onClick={refreshData}>
-              <RefreshIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
-            </IconButton>
+            <Typography sx={{ ml: 1 }} variant="subtitle2" color="primary">
+              {shown_data.length + ' ' + LL.ENTITIES()}
+              <IconButton onClick={() => setShowDeviceInfo(true)}>
+                <InfoOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
+              </IconButton>
+              <IconButton onClick={handleDownloadCsv}>
+                <DownloadIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
+              </IconButton>
+              <IconButton onClick={() => setOnlyFav(!onlyFav)}>
+                {onlyFav ? (
+                  <StarIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
+                ) : (
+                  <StarBorderOutlinedIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
+                )}
+              </IconButton>
+              <IconButton onClick={refreshData}>
+                <RefreshIcon color="primary" sx={{ fontSize: 18, verticalAlign: 'middle' }} />
+              </IconButton>
+            </Typography>
           </Grid>
         </Box>