formatting

emsesp · Nov 6, 2024 · e74af57 · e74af57
1 parent 74b935c
commit e74af57
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 15 deletions.
diff --git a/interface/src/app/main/Dashboard.tsx b/interface/src/app/main/Dashboard.tsx
@@ -107,7 +107,7 @@ const Dashboard = () => {
       },
       &:hover .td {
         background-color: #177ac9;
-      }
+      },
     `,
     BaseCell: `
       &:nth-of-type(2) {
@@ -185,18 +185,16 @@ const Dashboard = () => {
       // if its a device (parent node) and has entities
       if (di.nodes?.length) {
         return (
-          <>
-            <span style="font-size: 14px">
-              <DeviceIcon type_id={di.t ?? 0} />
-              &nbsp;&nbsp;{showType(di.n, di.t)}
-            </span>
+          <span style="font-weight:bold; font-size: 14px">
+            <DeviceIcon type_id={di.t ?? 0} />
+            &nbsp;&nbsp;{showType(di.n, di.t)}
             <span style={{ color: 'lightblue' }}>&nbsp;({di.nodes?.length})</span>
-          </>
+          </span>
         );
       }
     }
     if (di.dv) {
-      return <span style="color:lightgrey">{di.dv.id.slice(2)}</span>;
+      return <span>{di.dv.id.slice(2)}</span>;
     }
   };
 
@@ -304,9 +302,7 @@ const Dashboard = () => {
                                 title={formatValue(LL, di.dv?.v, di.dv?.u)}
                                 arrow
                               >
-                                <span style={{ color: 'lightgrey' }}>
-                                  {formatValue(LL, di.dv?.v, di.dv?.u)}
-                                </span>
+                                {formatValue(LL, di.dv?.v, di.dv?.u)}
                               </Tooltip>
                             </Cell>
 

diff --git a/interface/src/app/main/Devices.tsx b/interface/src/app/main/Devices.tsx
@@ -155,7 +155,6 @@ const Devices = () => {
       }
       &.tr.tr-body.row-select.row-select-single-selected {
         background-color: #177ac9;
-        font-weight: normal;
       }
     `
   });
@@ -169,11 +168,11 @@ const Devices = () => {
       HeaderRow: `
         .th {
           padding: 8px;
-          height: 36px;
       `,
       Row: `
+        font-weight: bold;
         &:hover .td {
-        background-color: #177ac9;
+          background-color: #177ac9;
       `
     }
   ]);
@@ -216,7 +215,7 @@ const Devices = () => {
           background-color: #303030;
         },
         &:hover .td {
-        background-color: #177ac9;
+          background-color: #177ac9;
       }
       `
     }