From 0feec978d37712becc68c87aafcf17cf04037e17 Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Sat, 18 Oct 2025 18:18:57 +0200
Subject: [PATCH] Update system-logs.tsx

---
 AppImage/components/system-logs.tsx | 39 ++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/AppImage/components/system-logs.tsx b/AppImage/components/system-logs.tsx
index 2b0828b..db86bdc 100644
--- a/AppImage/components/system-logs.tsx
+++ b/AppImage/components/system-logs.tsx
@@ -974,20 +974,31 @@ export function SystemLogs() {
 
             {/* Backups Tab */}
             <TabsContent value="backups" className="space-y-4">
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
-                <Card className="bg-card/50 border-border">
-                  <CardContent className="pt-6">
-                    <div className="text-2xl font-bold text-cyan-500">{backupStats.qemu}</div>
-                    <p className="text-xs text-muted-foreground mt-1">QEMU Backups</p>
-                  </CardContent>
-                </Card>
-                <Card className="bg-card/50 border-border">
-                  <CardContent className="pt-6">
-                    <div className="text-2xl font-bold text-orange-500">{backupStats.lxc}</div>
-                    <p className="text-xs text-muted-foreground mt-1">LXC Backups</p>
-                  </CardContent>
-                </Card>
-                <Card className="bg-card/50 border-border">
+              <div className="space-y-4 mb-4">
+                {/* First row: VM and LXC backups */}
+                <div className="grid grid-cols-2 md:grid-cols-3 gap-4">
+                  <Card className="bg-card/50 border-border">
+                    <CardContent className="pt-6">
+                      <div className="text-2xl font-bold text-cyan-500">{backupStats.qemu}</div>
+                      <p className="text-xs text-muted-foreground mt-1">VM Backups</p>
+                    </CardContent>
+                  </Card>
+                  <Card className="bg-card/50 border-border">
+                    <CardContent className="pt-6">
+                      <div className="text-2xl font-bold text-orange-500">{backupStats.lxc}</div>
+                      <p className="text-xs text-muted-foreground mt-1">LXC Backups</p>
+                    </CardContent>
+                  </Card>
+                  <Card className="bg-card/50 border-border hidden md:block">
+                    <CardContent className="pt-6">
+                      <div className="text-2xl font-bold text-foreground">{formatBytes(backupStats.totalSize)}</div>
+                      <p className="text-xs text-muted-foreground mt-1">Total Size</p>
+                    </CardContent>
+                  </Card>
+                </div>
+
+                {/* Second row: Total Size (mobile only, full width) */}
+                <Card className="bg-card/50 border-border md:hidden">
                   <CardContent className="pt-6">
                     <div className="text-2xl font-bold text-foreground">{formatBytes(backupStats.totalSize)}</div>
                     <p className="text-xs text-muted-foreground mt-1">Total Size</p>