Layout of hosts updated

ioBroker · May 23, 2024 · d814300 · d814300
1 parent 704264a
commit d814300
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/packages/admin/src/src/components/Hosts/HostRow.tsx b/packages/admin/src/src/components/Hosts/HostRow.tsx
@@ -252,6 +252,9 @@ const styles: Record<string, any> = (theme: Theme) => ({
         whiteSpace: 'nowrap',
         marginRight: 5,
     },
+    cell: {
+        // paddingLeft: 6,
+    }
 });
 
 interface HostRowProps extends HostGenericProps {
@@ -346,31 +349,31 @@ class HostRow extends HostGeneric<HostRowProps, HostRowState> {
                 </div>
                 <CardContent className={classes.cardContentH5}>
                     <Typography
-                        className={Utils.clsx(classes.flex, classes.hidden800)}
+                        className={Utils.clsx(classes.flex, classes.hidden800, classes.cell)}
                         variant="body2"
                         color="textSecondary"
                         component="div"
                     >
                         <div ref={this.refCpu}>- %</div>
                     </Typography>
                     <Typography
-                        className={Utils.clsx(classes.flex, classes.hidden800)}
+                        className={Utils.clsx(classes.flex, classes.hidden800, classes.cell)}
                         variant="body2"
                         color="textSecondary"
                         component="div"
                     >
                         <div ref={this.refMem}>- %</div>
                     </Typography>
                     <Typography
-                        className={Utils.clsx(classes.flex, classes.hidden800)}
+                        className={Utils.clsx(classes.flex, classes.hidden800, classes.cell)}
                         variant="body2"
                         color="textSecondary"
                         component="div"
                     >
                         <div ref={this.refUptime}>-/-</div>
                     </Typography>
                     <Typography
-                        className={Utils.clsx(classes.flex, classes.hidden1100)}
+                        className={Utils.clsx(classes.flex, classes.hidden1100, classes.cell)}
                         variant="body2"
                         color="textSecondary"
                         component="div"
@@ -390,7 +393,7 @@ class HostRow extends HostGeneric<HostRowProps, HostRowState> {
                         {this.props.host.common.installedVersion}
                     </Typography>
                     <Typography
-                        className={Utils.clsx(classes.flex, classes.hidden600)}
+                        className={Utils.clsx(classes.flex, classes.hidden600, classes.cell)}
                         variant="body2"
                         color="textSecondary"
                         component="div"

diff --git a/packages/admin/src/src/tabs/Hosts.tsx b/packages/admin/src/src/tabs/Hosts.tsx
@@ -45,7 +45,7 @@ const styles: Record<string, any> = (theme: Theme) => ({
         margin: 7,
     },
     tabHeaderFirstItem: {
-        width: 312,
+        width: 306,
         paddingLeft: 30,
         fontSize: 14,
         fontWeight: 600,
@@ -58,7 +58,7 @@ const styles: Record<string, any> = (theme: Theme) => ({
         alignSelf: 'center',
     },
     tabHeaderItemButton: {
-        width: 144,
+        width: 192,
         fontSize: 14,
         fontWeight: 600,
         alignSelf: 'center',