From c46865cdcdc9fd8a2fa337f693b23d94c555eb4c Mon Sep 17 00:00:00 2001
From: David Ernst <git@dsernst.com>
Date: Sat, 6 Jul 2024 23:46:36 +0300
Subject: [PATCH] (In)ValidVotersTables: Replace last styled-jsx!

---
 src/admin/Voters/InvalidVotersTable.tsx |  9 +--------
 src/admin/Voters/ValidVotersTable.tsx   | 10 +---------
 2 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/src/admin/Voters/InvalidVotersTable.tsx b/src/admin/Voters/InvalidVotersTable.tsx
index 2c4c7018..13bdd009 100644
--- a/src/admin/Voters/InvalidVotersTable.tsx
+++ b/src/admin/Voters/InvalidVotersTable.tsx
@@ -26,7 +26,7 @@ export const InvalidVotersTable = ({ hide_approved, hide_voted }: { hide_approve
   return (
     <>
       <p className="mt-12 mb-1">Invalidated voters:</p>
-      <table className="block w-full pb-3 overflow-auto border-collapse">
+      <table className="block w-full pb-3 overflow-auto border-collapse [&_tr>*]:[border:1px_solid_#ccc] [&_tr>*]:px-2.5 [&_tr>*]:py-[3px]">
         <thead>
           <tr className="bg-[#f9f9f9] text-[11px]">
             <CheckboxHeaderCell {...{ checked, set_checked, set_last_selected }} />
@@ -64,13 +64,6 @@ export const InvalidVotersTable = ({ hide_approved, hide_voted }: { hide_approve
           ))}
         </tbody>
       </table>
-      <style jsx>{`
-        th,
-        td {
-          border: 1px solid #ccc;
-          padding: 3px 10px;
-        }
-      `}</style>
     </>
   )
 }
diff --git a/src/admin/Voters/ValidVotersTable.tsx b/src/admin/Voters/ValidVotersTable.tsx
index 79fb5b61..297a16ca 100644
--- a/src/admin/Voters/ValidVotersTable.tsx
+++ b/src/admin/Voters/ValidVotersTable.tsx
@@ -51,7 +51,7 @@ export const ValidVotersTable = ({
 
   return (
     <>
-      <table className="block w-full pb-3 overflow-auto border-collapse">
+      <table className="block w-full pb-3 overflow-auto border-collapse [&_tr>*]:[border:1px_solid_#ccc] [&_tr>*]:px-2.5 [&_tr>*]:py-[3px]">
         <thead>
           <tr className="bg-[#f9f9f9] text-[11px]">
             <CheckboxHeaderCell {...{ checked, set_checked, set_last_selected }} />
@@ -163,14 +163,6 @@ export const ValidVotersTable = ({
             ),
           )}
         </tbody>
-
-        <style jsx>{`
-          th,
-          td {
-            border: 1px solid #ccc;
-            padding: 3px 10px;
-          }
-        `}</style>
       </table>
       {totalPages > 1 && !showAll && (
         <div className="text-[13px] mt-2.5">