From 15eca895fb796cc913248e7b994eb8cfae6c71ad Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Fri, 24 Oct 2025 23:28:10 +0200
Subject: [PATCH] Update virtual-machines.tsx

---
 AppImage/components/virtual-machines.tsx | 26 ++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/AppImage/components/virtual-machines.tsx b/AppImage/components/virtual-machines.tsx
index 049b122..8accc7a 100644
--- a/AppImage/components/virtual-machines.tsx
+++ b/AppImage/components/virtual-machines.tsx
@@ -694,7 +694,7 @@ export function VirtualMachines() {
                 {safeVMData.filter((vm) => vm.status === "stopped").length} Stopped
               </Badge>
             </div>
-            <p className="text-xs text-muted-foreground mt-2">Virtual machines configured</p>
+            <p className="text-xs text-muted-foreground mt-2 hidden lg:block">Virtual machines configured</p>
           </CardContent>
         </Card>
 
@@ -738,7 +738,8 @@ export function VirtualMachines() {
 
             {/* Allocated RAM (configured) */}
             <div className="pt-3 border-t border-border">
-              <div className="flex items-center justify-between">
+              {/* Layout para desktop (sin cambios) */}
+              <div className="hidden lg:flex items-center justify-between">
                 <div>
                   <div className="text-lg font-semibold text-foreground">{totalAllocatedMemoryGB} GB</div>
                   <div className="text-xs text-muted-foreground">Allocated RAM</div>
@@ -757,6 +758,27 @@ export function VirtualMachines() {
                   </div>
                 )}
               </div>
+
+              {/* Layout para móvil (44.0 GB y Allocated RAM en la misma línea, badge debajo) */}
+              <div className="lg:hidden space-y-2">
+                <div className="flex items-baseline gap-2">
+                  <div className="text-lg font-semibold text-foreground">{totalAllocatedMemoryGB} GB</div>
+                  <div className="text-xs text-muted-foreground">Allocated RAM</div>
+                </div>
+                {physicalMemoryGB !== null && (
+                  <div>
+                    {isMemoryOvercommit ? (
+                      <Badge variant="outline" className="bg-yellow-500/10 text-yellow-500 border-yellow-500/20">
+                        Exceeds Physical
+                      </Badge>
+                    ) : (
+                      <Badge variant="outline" className="bg-green-500/10 text-green-500 border-green-500/20">
+                        Within Limits
+                      </Badge>
+                    )}
+                  </div>
+                )}
+              </div>
             </div>
           </CardContent>
         </Card>