chore: update

web/src/components/PodStatusPanel.tsx

@@ -30,7 +30,11 @@ export function PodStatusPanel({ state }: { state: DemoDetails['state'] }) {
             : `${downCount} service${downCount > 1 ? 's' : ''} indisponible${downCount > 1 ? 's' : ''}`}
         </Text>
       </HStack>
-      <SimpleGrid columns={{ base: 1, sm: 2, lg: 4 }} spacing={3}>
+      {/* 1 colonne jusqu'à lg : à "sm" (480px), 2 colonnes serraient trop les
+          cartes (CPU/mémoire en mono + badge) et forçaient un débordement
+          horizontal — surtout dans le contexte carte mobile, déjà à l'étroit
+          avec son propre padding. */}
+      <SimpleGrid columns={{ base: 1, lg: 4 }} spacing={3}>
         {PODSTATUS_COMPONENTS.map((c) => (
           <ComponentCard key={c.key} title={c.label} cs={state[c.key]} />
         ))}
@@ -44,9 +48,9 @@ function ComponentCard({ title, cs }: { title: string; cs: ComponentState }) {
   const memPct = cs.memory_limit_mi > 0 ? Math.min(100, Math.round((cs.memory_mi / cs.memory_limit_mi) * 100)) : 0
 
   return (
-    <Box p={3} borderWidth="1px" borderRadius="lg" bg="bg-surface">
+    <Box p={3} borderWidth="1px" borderRadius="lg" bg="bg-surface" minW={0}>
       <HStack justify="space-between" mb={3}>
-        <Text fontSize="sm" fontWeight="semibold">
+        <Text fontSize="sm" fontWeight="semibold" noOfLines={1}>
           {title}
         </Text>
         <HStack spacing={1.5}>