From 2bf414438067c2a809597f8be8f2d1d1ae687a72 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Thu, 16 Apr 2026 21:11:38 +0200
Subject: [PATCH] fix: align sidebar section and footer icon columns, bump
 v0.1.56

Section header and footer link icons were at different x-positions (9px
vs 15px) and used different wrapper widths (16px vs 18px), producing a
ragged left column where the two rows are visually adjacent.

- Drop horizontal padding from .bottom so .bottomItem sits flush to the
  sidebar edges like .treeSection, yielding a shared 9px effective left
  padding (3px transparent border + 6px inner).
- Rewrite .bottomIcon to mirror .sectionIcon: 16px flex-centered, no
  legacy font-size/text-align (obsolete for Lucide SVG icons).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 package.json                                        |  2 +-
 src/design-system/layout/Sidebar/Sidebar.module.css | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index cc2df4c..4f76125 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cameleer/design-system",
-  "version": "0.1.55",
+  "version": "0.1.56",
   "type": "module",
   "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",
diff --git a/src/design-system/layout/Sidebar/Sidebar.module.css b/src/design-system/layout/Sidebar/Sidebar.module.css
index 20cf17a..d066758 100644
--- a/src/design-system/layout/Sidebar/Sidebar.module.css
+++ b/src/design-system/layout/Sidebar/Sidebar.module.css
@@ -444,7 +444,7 @@
 
 .bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.06);
-  padding: 6px;
+  padding: 6px 0;
   flex-shrink: 0;
   margin-top: auto;
 }
@@ -475,7 +475,9 @@
 }
 
 .bottomIcon {
-  font-size: 13px;
-  width: 18px;
-  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  color: var(--sidebar-muted);
 }