From f65a2841dad48fce414892c43074d10d36e01ca0 Mon Sep 17 00:00:00 2001
From: Syco21 <davhv12@gmail.com>
Date: Fri, 15 May 2026 21:26:17 +0200
Subject: [PATCH] Replace zebra bg with border separator on printing rows

---
 src/components/CardRow/CardRow.jsx         | 3 +--
 src/components/PrintingRow/PrintingRow.jsx | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/CardRow/CardRow.jsx b/src/components/CardRow/CardRow.jsx
index 8845b7f..539e75a 100644
--- a/src/components/CardRow/CardRow.jsx
+++ b/src/components/CardRow/CardRow.jsx
@@ -66,13 +66,12 @@ function CardRow({ card }) {
           }}>
             <span>Code</span><span>Set</span><span>Rarity</span><span>Owned</span>
           </div>
-          {card.printings.map((printing, i) => (
+          {card.printings.map(printing => (
             <PrintingRow
               key={`${card.id}-${printing.set_id}-${printing.rarity_id}`}
               card_id={card.id}
               printing={printing}
               cols={PRINTING_COLS}
-              zebra={i % 2 === 1}
             />
           ))}
         </div>
diff --git a/src/components/PrintingRow/PrintingRow.jsx b/src/components/PrintingRow/PrintingRow.jsx
index 384429e..28b6d91 100644
--- a/src/components/PrintingRow/PrintingRow.jsx
+++ b/src/components/PrintingRow/PrintingRow.jsx
@@ -2,7 +2,7 @@ import React, { useContext, useState } from 'react';
 import { CardContext } from '../../store/CardContext';
 import { updateCardAmount } from '../../services/api';
 
-function PrintingRow({ card_id, printing, cols, zebra }) {
+function PrintingRow({ card_id, printing, cols }) {
   const { ownedAmounts, updateAmount } = useContext(CardContext);
   const [loading, setLoading] = useState(false);
 
@@ -27,7 +27,7 @@ function PrintingRow({ card_id, printing, cols, zebra }) {
       display: 'grid', gridTemplateColumns: cols,
       gap: '8px', padding: '7px 16px 7px 32px',
       alignItems: 'center', opacity: loading ? 0.5 : 1,
-      background: zebra ? '#1c1c1c' : '#161616',
+      borderBottom: '1px solid #202020',
     }}>
       <span style={{ fontFamily: 'monospace', fontSize: '11px', color: '#555' }}>
         {printing.set_code}