From 2b0f074ffae8116cc026bf50d190cade9bc05f64 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 11 Mar 2025 23:37:03 +0300
Subject: [PATCH] M: Improve checkboxes

---
 rsconcept/frontend/src/components/DataTable/TableBody.tsx  | 2 +-
 .../frontend/src/components/DataTable/TableHeader.tsx      | 2 +-
 rsconcept/frontend/src/components/Icons.tsx                | 7 ++++---
 rsconcept/frontend/src/components/Input/Checkbox.tsx       | 2 +-
 .../frontend/src/components/Input/CheckboxTristate.tsx     | 2 +-
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/rsconcept/frontend/src/components/DataTable/TableBody.tsx b/rsconcept/frontend/src/components/DataTable/TableBody.tsx
index 098a2238..dcda038b 100644
--- a/rsconcept/frontend/src/components/DataTable/TableBody.tsx
+++ b/rsconcept/frontend/src/components/DataTable/TableBody.tsx
@@ -77,7 +77,7 @@ export function TableBody<TData>({
           style={{ ...(conditionalRowStyles ? getRowStyles(row) : []) }}
         >
           {enableRowSelection ? (
-            <td key={`select-${row.id}`} className='pl-3 pr-1 border-y'>
+            <td key={`select-${row.id}`} className='pl-2 border-y'>
               <SelectRow row={row} onChangeLastSelected={onChangeLastSelected} />
             </td>
           ) : null}
diff --git a/rsconcept/frontend/src/components/DataTable/TableHeader.tsx b/rsconcept/frontend/src/components/DataTable/TableHeader.tsx
index 03a9ff9e..83034335 100644
--- a/rsconcept/frontend/src/components/DataTable/TableHeader.tsx
+++ b/rsconcept/frontend/src/components/DataTable/TableHeader.tsx
@@ -31,7 +31,7 @@ export function TableHeader<TData>({
       {table.getHeaderGroups().map((headerGroup: HeaderGroup<TData>) => (
         <tr key={headerGroup.id}>
           {enableRowSelection ? (
-            <th className='pl-3 pr-1' scope='col'>
+            <th className='pl-2' scope='col'>
               <SelectAll table={table} resetLastSelected={resetLastSelected} />
             </th>
           ) : null}
diff --git a/rsconcept/frontend/src/components/Icons.tsx b/rsconcept/frontend/src/components/Icons.tsx
index d58afb59..d8b284ee 100644
--- a/rsconcept/frontend/src/components/Icons.tsx
+++ b/rsconcept/frontend/src/components/Icons.tsx
@@ -196,9 +196,10 @@ export function IconLogin(props: IconProps) {
   );
 }
 
+
 export function CheckboxChecked() {
   return (
-    <svg className='w-4 h-4 p-0.75' viewBox='0 0 512 512' fill='#ffffff'>
+    <svg className='w-4 h-4 p-0.75 -ml-0.25' viewBox='0 0 512 512' fill='#ffffff'>
       <path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z' />
     </svg>
   );
@@ -206,8 +207,8 @@ export function CheckboxChecked() {
 
 export function CheckboxNull() {
   return (
-    <svg className='w-4 h-4 p-0.25' viewBox='0 0 16 16' fill='#ffffff'>
+    <svg className='w-4 h-4 px-0.25' viewBox='0 0 16 16' fill='#ffffff'>
       <path d='M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z' />
     </svg>
   );
-}
+}
\ No newline at end of file
diff --git a/rsconcept/frontend/src/components/Input/Checkbox.tsx b/rsconcept/frontend/src/components/Input/Checkbox.tsx
index 0f658a23..85a8b1ab 100644
--- a/rsconcept/frontend/src/components/Input/Checkbox.tsx
+++ b/rsconcept/frontend/src/components/Input/Checkbox.tsx
@@ -65,7 +65,7 @@ export function Checkbox({
       <div
         className={clsx(
           'w-4 h-4', //
-          'border rounded-xs',
+          'border rounded-sm',
           {
             'bg-sec-600 text-sec-0': value !== false,
             'bg-prim-100': value === false
diff --git a/rsconcept/frontend/src/components/Input/CheckboxTristate.tsx b/rsconcept/frontend/src/components/Input/CheckboxTristate.tsx
index 00367bd1..b89ba2a8 100644
--- a/rsconcept/frontend/src/components/Input/CheckboxTristate.tsx
+++ b/rsconcept/frontend/src/components/Input/CheckboxTristate.tsx
@@ -66,7 +66,7 @@ export function CheckboxTristate({
       <div
         className={clsx(
           'w-4 h-4', //
-          'border rounded-xs',
+          'border rounded-sm',
           {
             'bg-sec-600 text-sec-0': value !== false,
             'bg-prim-100': value === false