From 0879ec8f2fbe774b047017d7aa8feecfa42a5f78 Mon Sep 17 00:00:00 2001
From: David Ernst <git@dsernst.com>
Date: Sun, 7 Jul 2024 13:41:31 +0300
Subject: [PATCH] Convert /admin/Voters/NumVotedRow styled-jsx to tw

---
 src/admin/Voters/NumVotedRow.tsx      | 17 +++++------------
 src/admin/Voters/ValidVotersTable.tsx |  2 +-
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/admin/Voters/NumVotedRow.tsx b/src/admin/Voters/NumVotedRow.tsx
index 9fcf1c73..82720f6e 100644
--- a/src/admin/Voters/NumVotedRow.tsx
+++ b/src/admin/Voters/NumVotedRow.tsx
@@ -20,37 +20,30 @@ export const NumVotedRow = ({
   if (!valid_voters) return null
 
   return (
-    <p className="num-voted-row">
+    <div className="flex justify-between mt-3 mb-1.5 mr-4">
       <span>
         <i>
           {num_voted} of {valid_voters.length} voted (
           {valid_voters.length == 0 ? 0 : Math.round((num_voted / valid_voters.length) * 100)}%)
         </i>
         {/* Toggle hide voted */}
-        <a style={{ cursor: 'pointer', fontSize: 12, marginLeft: 10 }} onClick={toggle_hide_voted}>
+        <a className="cursor-pointer text-[12px] ml-2.5" onClick={toggle_hide_voted}>
           <>{hide_voted ? 'Show' : 'Hide'} Voted</>
         </a>
       </span>
 
       {esignature_requested && !!num_voted && (
-        <span style={{ textAlign: 'right' }}>
+        <span className="text-right">
           <i>
             {num_approved} of {num_voted} signatures approved ({Math.round((num_approved / num_voted) * 100)}
             %)
           </i>
           {/* Toggle hide approved */}
-          <a style={{ cursor: 'pointer', fontSize: 12, marginLeft: 10 }} onClick={toggle_hide_approved}>
+          <a className="cursor-pointer text-[12px] ml-2.5" onClick={toggle_hide_approved}>
             <>{hide_approved ? 'Show' : 'Hide'} Approved</>
           </a>
         </span>
       )}
-
-      <style jsx>{`
-        .num-voted-row {
-          display: flex;
-          justify-content: space-between;
-        }
-      `}</style>
-    </p>
+    </div>
   )
 }
diff --git a/src/admin/Voters/ValidVotersTable.tsx b/src/admin/Voters/ValidVotersTable.tsx
index 36745834..f15ba74d 100644
--- a/src/admin/Voters/ValidVotersTable.tsx
+++ b/src/admin/Voters/ValidVotersTable.tsx
@@ -52,7 +52,7 @@ export const ValidVotersTable = ({
   return (
     <>
       <div>Approved Voters</div>
-      <table className="block w-full pb-3 overflow-auto border-collapse [&_tr>*]:[border:1px_solid_#ccc] [&_tr>*]:px-2.5 [&_tr>*]:py-[3px]">
+      <table className="block w-full mt-1 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 }} />