Move DB version/import to top bar, increase row spacing

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

src/components/CardRow/CardRow.jsx

@@ -35,7 +35,7 @@ function CardRow({ card }) {
         onClick={() => setExpandedCardId(isExpanded ? null : card.id)}
         style={{
           display: 'flex', alignItems: 'center', gap: '12px',
-          padding: '9px 16px',
+          padding: '11px 16px',
           background: isExpanded ? '#1c1c1c' : 'transparent',
         }}
       >

src/components/Footer/Footer.jsx

@@ -32,20 +32,14 @@ function Footer({ onImportComplete }) {
 
   return (
     <>
-      <div style={{
-        display: 'flex', alignItems: 'center', gap: '16px',
-        background: '#1c1c1c', border: '1px solid #2a2a2a',
-        borderBottom: 'none', borderRadius: '8px 8px 0 0',
-        padding: '7px 16px', marginRight: '20px',
-        fontSize: '12px', color: '#666',
-      }}>
-        <span>DB Version: {dbVersion ?? 'Loading…'}</span>
+      <div style={{ display: 'flex', alignItems: 'center', gap: '12px', fontSize: '12px', color: '#555' }}>
+        <span>DB: {dbVersion ?? '…'}</span>
         <button
           onClick={handleImport}
           disabled={importing}
           style={{
             background: '#2a2a2a', color: '#ccc', border: '1px solid #3a3a3a',
-            borderRadius: '5px', padding: '4px 12px', fontSize: '12px',
+            borderRadius: '5px', padding: '3px 10px', fontSize: '12px',
             cursor: importing ? 'not-allowed' : 'pointer',
             opacity: importing ? 0.5 : 1,
           }}

src/components/PrintingRow/PrintingRow.jsx

@@ -25,7 +25,7 @@ function PrintingRow({ card_id, printing, cols }) {
   return (
     <div style={{
       display: 'grid', gridTemplateColumns: cols,
-      gap: '8px', padding: '5px 16px 5px 32px',
+      gap: '8px', padding: '7px 16px 7px 32px',
       alignItems: 'center', opacity: loading ? 0.5 : 1,
     }}>
       <span style={{ fontFamily: 'monospace', fontSize: '11px', color: '#555' }}>