fix(design-preview): плитки монитора системы не разъезжаются

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/design-preview/preview-chrome.tsx

@@ -362,7 +362,7 @@ function MonitorPopover() {
         </span>
         <span className="bg-destructive ring-background absolute top-1 right-1 size-2 rounded-full ring-2 min-[760px]:hidden" aria-hidden />
       </PopoverTrigger>
-      <PopoverContent align="end" className="flex w-[22rem] max-w-[calc(100vw-1.5rem)] flex-col gap-2 p-2">
+      <PopoverContent align="end" className="flex w-[24rem] max-w-[calc(100vw-1.5rem)] flex-col gap-2 p-2">
         <div className="flex items-start justify-between gap-2 px-1.5 pt-1.5">
           <div className="grid leading-tight">
             <b className="text-sm font-semibold">Состояние системы</b>
@@ -398,12 +398,10 @@ function MonitorPopover() {
         </ul>
         <div className="grid grid-cols-2 gap-1.5">
           {MONITOR_METRICS.map((m) => (
-            <div key={m.l} className="bg-muted/55 flex flex-col gap-2 rounded-lg px-3 py-2.5">
-              <div className="flex items-baseline justify-between gap-2">
-                <span className="text-muted-foreground truncate text-xs">{m.l}</span>
-                <b className={cn('text-[15px] font-semibold tabular-nums', m.tone === 'success' ? 'text-success' : 'text-warning')}>{m.v}</b>
-              </div>
-              <div className="bg-muted-foreground/25 h-[3px] overflow-hidden rounded-full">
+            <div key={m.l} className="bg-muted/55 flex min-w-0 flex-col gap-1.5 rounded-lg px-3 py-2.5">
+              <span className="text-muted-foreground text-xs leading-snug">{m.l}</span>
+              <b className={cn('text-base font-semibold whitespace-nowrap tabular-nums', m.tone === 'success' ? 'text-success' : 'text-warning')}>{m.v}</b>
+              <div className="bg-muted-foreground/25 mt-auto h-[3px] overflow-hidden rounded-full">
                 <i className={cn('block h-full rounded-full', m.tone === 'success' ? 'bg-success' : 'bg-warning')} style={{ width: `${m.p}%` }} />
               </div>
             </div>