From c21c29d5ee888d7e37c3ae70ecd8a20f8b59ce96 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Fri, 3 Oct 2025 02:05:19 +0200
Subject: [PATCH] fix(ui): ensure all icon buttons remain perfectly square

- Add padding: 0 and box-sizing: border-box to .icon-button
- Add box-sizing: border-box to .profile-avatar
- Update .sidebar-header-bar .toggle-sidebar-btn to use fixed width/height instead of min values
- Add explicit styling for .bookmarks-container.collapsed .toggle-sidebar-btn
- Ensure borders don't add to total dimensions (33px x 33px including borders)
---
 src/index.css | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/index.css b/src/index.css
index 86cbac1e..990bb7b4 100644
--- a/src/index.css
+++ b/src/index.css
@@ -122,6 +122,7 @@ body {
   border: 1px solid #444;
   flex-shrink: 0;
   color: #ddd;
+  box-sizing: border-box;
 }
 
 .profile-avatar img {
@@ -138,16 +139,17 @@ body {
   background: transparent;
   color: #ddd;
   border: 1px solid #444;
-  padding: 0.4rem;
+  padding: 0;
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.2s ease;
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 33px;
-  min-height: 33px;
+  width: 33px;
+  height: 33px;
   flex-shrink: 0;
+  box-sizing: border-box;
 }
 
 .sidebar-header-bar .toggle-sidebar-btn:hover {
@@ -166,6 +168,31 @@ body {
   padding-top: 1rem;
 }
 
+.bookmarks-container.collapsed .toggle-sidebar-btn {
+  background: #2a2a2a;
+  color: #ddd;
+  border: 1px solid #444;
+  padding: 0;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 33px;
+  height: 33px;
+  box-sizing: border-box;
+}
+
+.bookmarks-container.collapsed .toggle-sidebar-btn:hover {
+  background: #333;
+  color: #fff;
+}
+
+.bookmarks-container.collapsed .toggle-sidebar-btn:active {
+  transform: translateY(1px);
+}
+
 .user-info {
   margin: 0.5rem 0 0 0;
   color: #888;
@@ -242,6 +269,8 @@ body {
   cursor: pointer;
   min-width: 33px;
   min-height: 33px;
+  padding: 0;
+  box-sizing: border-box;
 }
 
 .icon-button:hover { background: #333; }