From 54649091213a47adf888f7b8ea8aca72d5a495c4 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Sun, 5 Jan 2025 13:32:54 +0100
Subject: [PATCH] change icon size and use customizations icon

---
 interface/src/app/main/Dashboard.tsx |  2 +-
 interface/src/app/main/Devices.tsx   | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/interface/src/app/main/Dashboard.tsx b/interface/src/app/main/Dashboard.tsx
index 426af7a92..ea174607f 100644
--- a/interface/src/app/main/Dashboard.tsx
+++ b/interface/src/app/main/Dashboard.tsx
@@ -274,7 +274,7 @@ const Dashboard = () => {
           <IconContext.Provider
             value={{
               color: 'lightblue',
-              size: '16',
+              size: '18',
               style: { verticalAlign: 'middle' }
             }}
           >
diff --git a/interface/src/app/main/Devices.tsx b/interface/src/app/main/Devices.tsx
index 450116568..0542ea974 100644
--- a/interface/src/app/main/Devices.tsx
+++ b/interface/src/app/main/Devices.tsx
@@ -9,10 +9,10 @@ import { IconContext } from 'react-icons';
 import { useNavigate } from 'react-router';
 import { toast } from 'react-toastify';
 
+import ConstructionIcon from '@mui/icons-material/Construction';
 import CommentsDisabledOutlinedIcon from '@mui/icons-material/CommentsDisabledOutlined';
 import EditIcon from '@mui/icons-material/Edit';
 import EditOffOutlinedIcon from '@mui/icons-material/EditOffOutlined';
-import FormatListNumberedIcon from '@mui/icons-material/FormatListNumbered';
 import DownloadIcon from '@mui/icons-material/GetApp';
 import HighlightOffIcon from '@mui/icons-material/HighlightOff';
 import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
@@ -522,7 +522,7 @@ const Devices = () => {
       <IconContext.Provider
         value={{
           color: 'lightblue',
-          size: '16',
+          size: '18',
           style: { verticalAlign: 'middle' }
         }}
       >
@@ -643,7 +643,7 @@ const Devices = () => {
                 coreData.devices[deviceIndex].e +
                 ' ' +
                 LL.ENTITIES(shown_data.length)}
-              <ButtonTooltip title="Info">
+              <ButtonTooltip title={LL.DEVICE_DETAILS()}>
                 <IconButton onClick={() => setShowDeviceInfo(true)}>
                   <InfoOutlinedIcon color="primary" sx={{ fontSize: 18 }} />
                 </IconButton>
@@ -651,7 +651,7 @@ const Devices = () => {
               {me.admin && (
                 <ButtonTooltip title={LL.CUSTOMIZATIONS()}>
                   <IconButton onClick={customize}>
-                    <FormatListNumberedIcon color="primary" sx={{ fontSize: 18 }} />
+                    <ConstructionIcon color="primary" sx={{ fontSize: 18 }} />
                   </IconButton>
                 </ButtonTooltip>
               )}
@@ -671,7 +671,7 @@ const Devices = () => {
               </ButtonTooltip>
             </Typography>
             <Grid justifyContent="flex-end">
-              <ButtonTooltip title={LL.CANCEL()}>
+              <ButtonTooltip title={LL.CLOSE()}>
                 <IconButton onClick={resetDeviceSelect}>
                   <HighlightOffIcon color="primary" sx={{ fontSize: 18 }} />
                 </IconButton>