From c4e71475cea2e7aff312c979fe3f81c8f8cbfea9 Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Sun, 7 Jun 2026 15:26:41 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui):=20unify=20checkbox=20size=20=E2=80=94?=
 =?UTF-8?q?=20drop=20size=3D"small"=20on=20raw=20checkboxes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The kit CheckboxField (used on most pages) renders MUI's default medium checkbox, but four raw <Checkbox> usages forced size="small": OfferDetail's 'V ceně' table cell and 'Účtovat DPH' form checkbox, and the Settings permission-matrix module + per-permission checkboxes. They looked undersized next to the rest of the page. Removing size="small" makes every checkbox the same standard size app-wide.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/admin/pages/OfferDetail.tsx | 2 --
 src/admin/pages/Settings.tsx    | 2 --
 2 files changed, 4 deletions(-)

diff --git a/src/admin/pages/OfferDetail.tsx b/src/admin/pages/OfferDetail.tsx
index 27d344d..1e7b910 100644
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -306,7 +306,6 @@ function SortableItemRow({
           checked={item.is_included_in_total}
           onChange={(e) => onUpdate("is_included_in_total", e.target.checked)}
           disabled={readOnly}
-          size="small"
         />
       </TableCell>
       <TableCell
@@ -1312,7 +1311,6 @@ export default function OfferDetail() {
                   checked={form.apply_vat}
                   onChange={(e) => updateForm("apply_vat", e.target.checked)}
                   disabled={readOnly}
-                  size="small"
                 />
                 <Box component="span">Účtovat DPH</Box>
               </Box>
diff --git a/src/admin/pages/Settings.tsx b/src/admin/pages/Settings.tsx
index d634f0d..cf3d3ee 100644
--- a/src/admin/pages/Settings.tsx
+++ b/src/admin/pages/Settings.tsx
@@ -1277,7 +1277,6 @@ export default function Settings() {
                       }}
                     >
                       <Checkbox
-                        size="small"
                         checked={allChecked}
                         indeterminate={someChecked && !allChecked}
                         onChange={() => toggleModulePermissions(module)}
@@ -1308,7 +1307,6 @@ export default function Settings() {
                             }}
                           >
                             <Checkbox
-                              size="small"
                               checked={form.permissions.includes(perm.name)}
                               onChange={() => togglePermission(perm.name)}
                               disabled={disabled}