From af4fbff5c129ef26e957741d0b6f8686da6e4e01 Mon Sep 17 00:00:00 2001
From: Bergasha <bergasha@hotmail.com>
Date: Fri, 12 Jun 2026 12:13:30 +1000
Subject: [PATCH] Add English translations and size refactor

---
 packages/widgets/src/docker/component.tsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/widgets/src/docker/component.tsx b/packages/widgets/src/docker/component.tsx
index 8f501461d..32a07f809 100644
--- a/packages/widgets/src/docker/component.tsx
+++ b/packages/widgets/src/docker/component.tsx
@@ -272,21 +272,25 @@ export default function DockerWidget({ options, width, isEditMode }: WidgetCompo
           }}
           p={4}
         >
-          <Group gap={4}>
-            <IconBrandDocker size={20} />
-            <Text size="sm">{t("table.footer", { count: totalContainers.toString() })}</Text>
+          <Group gap={4} wrap="nowrap">
+            <IconBrandDocker size={20} style={{ flexShrink: 0 }} />
+            <Text size="sm" truncate="end">
+              {t("table.footer", { count: totalContainers.toString() })}
+            </Text>
           </Group>
 
-          <Group gap="xl">
-            <Text size="sm" c={cpuUsageColor(totals.cpu, "running")}>
-              Total CPU: {totals.cpu.toFixed(2)}%
+          <Group gap="sm" wrap="wrap" justify="flex-end" style={{ flex: 1, minWidth: 0 }}>
+            <Text size="sm" c={cpuUsageColor(totals.cpu, "running")} style={{ whiteSpace: "nowrap" }}>
+              {t("table.totalCpu", { cpu: totals.cpu.toFixed(2) })}
             </Text>
             
-            <Text size="sm" c={memoryUsageColor(totals.memory, "running")}>
-              Total Mem: {humanFileSize(totals.memory)}
+            <Text size="sm" c={memoryUsageColor(totals.memory, "running")} style={{ whiteSpace: "nowrap" }}>
+              {t("table.totalMemory", { memory: humanFileSize(totals.memory) })}
             </Text>
 
-            <Text size="sm">{t("table.updated", { when: relativeTime })}</Text>
+            <Text size="sm" style={{ whiteSpace: "nowrap" }}>
+              {t("table.updated", { when: relativeTime })}
+            </Text>
           </Group>
         </Group>
       )}