From d8b1aa242a7706554ad78bf5525925d6c4390494 Mon Sep 17 00:00:00 2001
From: gibbyb <gib@gibbyb.com>
Date: Tue, 30 Jul 2024 10:36:51 -0500
Subject: [PATCH] Make checkbox smaller on mobile

---
 src/components/ui/Tech_Table.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/Tech_Table.tsx b/src/components/ui/Tech_Table.tsx
index 4e2550a..a453804 100644
--- a/src/components/ui/Tech_Table.tsx
+++ b/src/components/ui/Tech_Table.tsx
@@ -50,7 +50,10 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
             'Content-Type': 'application/json',
             'Authorization': `Bearer ${process.env.API_KEY}`
           },
-          body: JSON.stringify({ employeeIds: [cur_user.id], newStatus: employeeStatus }),
+          body: JSON.stringify(
+            { employeeIds: [cur_user.id],
+              newStatus: employeeStatus }
+          ),
         });
       }
     } else if (employeeStatus.trim() !== '') {
@@ -60,7 +63,10 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
           'Content-Type': 'application/json',
           'Authorization': `Bearer ${process.env.API_KEY}`
         },
-        body: JSON.stringify({ employeeIds: selectedIds, newStatus: employeeStatus }),
+        body: JSON.stringify(
+          { employeeIds: selectedIds,
+            newStatus: employeeStatus }
+        ),
       });
     }
     
@@ -163,10 +169,10 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
             from-[#282828] to-[#383838] text-[48px]">
             <tr>
               {!tvMode && (
-                <th className="py-3 px-6 border border-[#3e4446]">
+                <th className="py-3 px-3 md:px-6 border border-[#3e4446]">
                   <input
                     type="checkbox"
-                    className="m-auto cursor-pointer scale-150"
+                    className="m-auto cursor-pointer md:scale-150"
                     checked={selectAll}
                     onChange={handleSelectAllChange}
                   />
@@ -195,7 +201,7 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
                 <td className="p-1 border border-[#3e4446]">
                   <input
                     type="checkbox"
-                    className="m-auto cursor-pointer scale-150"
+                    className="m-auto cursor-pointer md:scale-150"
                     checked={selectedIds.includes(employee.id)}
                     onChange={() => handleCheckboxChange(employee.id)}
                   />