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

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-15 21:22:53 +02:00
parent ff48ec8af0
commit 6c8f2d86d6
4 changed files with 9 additions and 16 deletions
@@ -88,13 +88,16 @@ function HomePage() {

      {/* Stats bar */}
      <div style={{
-        display: 'flex', gap: '2rem', padding: '6px 16px', flexShrink: 0,
+        display: 'flex', alignItems: 'center', gap: '2rem', padding: '6px 16px', flexShrink: 0,
        background: '#1c1c1c', borderBottom: '1px solid #2a2a2a',
        fontSize: '12px', color: '#666',
      }}>
        <span><strong style={{ color: '#e0e0e0' }}>{stats.total.toLocaleString()}</strong> cards in DB</span>
        <span><strong style={{ color: '#e0e0e0' }}>{stats.uniqueOwned.toLocaleString()}</strong> unique owned</span>
        <span><strong style={{ color: '#e0e0e0' }}>{stats.totalCopies.toLocaleString()}</strong> total copies</span>
+        <div style={{ marginLeft: 'auto' }}>
+          <Footer onImportComplete={loadCards} />
+        </div>
      </div>

      {/* Main panels */}
@@ -162,10 +165,6 @@ function HomePage() {
        </div>
      </div>

-      {/* Footer */}
-      <div style={{ display: 'flex', justifyContent: 'flex-end', flexShrink: 0 }}>
-        <Footer onImportComplete={loadCards} />
-      </div>
    </div>
  );
 }