Disks: the SMART table stays inside its card

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/src/Disks.tsx

@@ -58,17 +58,19 @@ function SmartPanel({ dev, rotational }: { dev: string; rotational: boolean }) {
         </div>
       )}
       {s.attrs.length > 0 && (
+        <div className="attrs-wrap">
         <table className="attrs">
           <thead><tr><th>ID</th><th>Attribute</th><th>Raw</th><th>Value</th><th>Worst</th><th>Thresh</th></tr></thead>
           <tbody>
             {s.attrs.map((a) => (
               <tr key={a.id} className={a.warn ? 'warn' : ''}>
                 <td className="num">{a.id}</td><td>{a.name.replace(/_/g, ' ')}{a.failed && <span className="badge bad">{a.failed}</span>}</td>
-                <td className="num">{a.raw}</td><td className="num">{a.value}</td><td className="num">{a.worst}</td><td className="num">{a.thresh}</td>
+                <td className="num raw">{a.raw}</td><td className="num">{a.value}</td><td className="num">{a.worst}</td><td className="num">{a.thresh}</td>
               </tr>
             ))}
           </tbody>
         </table>
+        </div>
       )}
       {!s.self_test_supported && <div className="muted small">Self-tests: {s.self_test_note || 'not available on this drive'}.</div>}
       {s.self_test_supported && <div className="svc-actions">
@@ -231,7 +233,7 @@ export default function Disks() {
       </div>
       {!hasSmart && <div className="notice">SMART health needs smartmontools on this host. Install it with the button, then reload.</div>}
       {task && <TaskOutput id={task} onDone={(t) => { toast(`${t.title}: ${t.exit_code === 0 ? 'finished' : `exited ${t.exit_code}`}`, t.exit_code === 0 ? 'ok' : 'err'); load() }} />}
-      <div className="cards">
+      <div className="cards disk-cards">
         {devs.map((d) => <DeviceCard key={d.name} d={d} live={liveFor(d)} forceOpen={allSmart ? true : null} />)}
       </div>