diff --git a/AppImage/components/storage-overview.tsx b/AppImage/components/storage-overview.tsx index ad5d57f..f2eb75a 100644 --- a/AppImage/components/storage-overview.tsx +++ b/AppImage/components/storage-overview.tsx @@ -428,31 +428,32 @@ export function StorageOverview() { className="border rounded-lg p-4 cursor-pointer hover:bg-accent/50 transition-colors" onClick={() => handleDiskClick(disk)} > -
-
+
+ {/* Row 1: Device name and type badge */} +
-
-
-

/dev/{disk.name}

- - {getDiskTypeBadge(disk.name, disk.rotation_rate).label} - -
- {disk.model && disk.model !== "Unknown" && ( -

{disk.model}

- )} -
+

/dev/{disk.name}

+ + {getDiskTypeBadge(disk.name, disk.rotation_rate).label} +
-
- {disk.temperature > 0 && ( -
- - - {disk.temperature}°C - -
+ + {/* Row 2: Model, temperature, and health status */} +
+ {disk.model && disk.model !== "Unknown" && ( +

{disk.model}

)} - {getHealthBadge(disk.health)} +
+ {disk.temperature > 0 && ( +
+ + + {disk.temperature}°C + +
+ )} + {getHealthBadge(disk.health)} +