From 8014ee4ddd99c0a81dbd6e433a63d3a463891aa3 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 3 Oct 2025 01:58:42 +0200
Subject: [PATCH] refactor(ui): reduce IconButton size by 25%

- Change default size from 44px to 33px (25% reduction)
- Update min-width and min-height in CSS to match
- Apply size reduction to toggle-sidebar-btn as well for consistency
---
 src/components/IconButton.tsx | 2 +-
 src/index.css                 | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/IconButton.tsx b/src/components/IconButton.tsx
index e5d3a478..cec739e5 100644
--- a/src/components/IconButton.tsx
+++ b/src/components/IconButton.tsx
@@ -17,7 +17,7 @@ const IconButton: React.FC<IconButtonProps> = ({
   title,
   ariaLabel,
   variant = 'ghost',
-  size = 44
+  size = 33
 }) => {
   return (
     <button
diff --git a/src/index.css b/src/index.css
index a79c630e..2a0fa03b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -130,8 +130,8 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 44px;
-  min-height: 44px;
+  min-width: 33px;
+  min-height: 33px;
 }
 
 .toggle-sidebar-btn:hover {
@@ -224,8 +224,8 @@ body {
   background: #2a2a2a;
   color: #ddd;
   cursor: pointer;
-  min-width: 44px; /* mobile tap target */
-  min-height: 44px; /* mobile tap target */
+  min-width: 33px;
+  min-height: 33px;
 }
 
 .icon-button:hover { background: #333; }