Changed Device Status Indicators to Pills

Data/Server/WebUI/src/Devices/Device_Details.jsx

@@ -627,7 +627,7 @@ export default function DeviceDetails({ device, onBack }) {
                   py: 0.25,
                   borderRadius: 999,
                   bgcolor: jobStatusColor(r.status),
-                  color: "#000",
+                  color: "#fff",
                   fontWeight: 600,
                   fontSize: "12px"
                 }}>

Data/Server/WebUI/src/Devices/Device_List.jsx

@@ -231,18 +231,18 @@ export default function DeviceList({ onSelectDevice }) {
                 />
               </TableCell>
               <TableCell>
-                <Box sx={{ display: "flex", alignItems: "center" }}>
                 <Box
-                    component="span"
                   sx={{
                     display: "inline-block",
-                      width: 10,
-                      height: 10,
-                      borderRadius: 10,
+                    px: 1.2,
+                    py: 0.25,
+                    borderRadius: 999,
                     bgcolor: statusColor(r.status),
-                      mr: 1,
+                    color: "#fff",
+                    fontWeight: 600,
+                    fontSize: "12px",
                   }}
-                  />
+                >
                   {r.status}
                 </Box>
               </TableCell>