From 414dc66388660c89d0182122a2a16147811cfb36 Mon Sep 17 00:00:00 2001
From: Jakob Scheid
 <jakob.scheid@developers.internal.seekra.jcloud-services.ddns.net>
Date: Fri, 31 Jul 2026 16:30:13 +0200
Subject: [PATCH] feat(sidebar): decrease horizontal padding when sidebar is
 not expanded

Set the horizontal padding of the unexpanded sidebar to 1em.
---
 src/features/sidebar/components/Sidebar.vue | 4 ++++
 src/layouts/LeftSidebarLayout.vue           | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/sidebar/components/Sidebar.vue b/src/features/sidebar/components/Sidebar.vue
index 46e45c0..02616fb 100644
--- a/src/features/sidebar/components/Sidebar.vue
+++ b/src/features/sidebar/components/Sidebar.vue
@@ -56,6 +56,10 @@ const toggleSidebar = function toggleSidebar () {
     margin-bottom: 8px;
 }
 
+.sidebar:not(.expanded) .sidebar-controls {
+    padding: 1em;
+}
+
 @media (max-width: 48rem) {
     .sidebar:not(.expanded) .sidebar-expand-button {
         display: none;
diff --git a/src/layouts/LeftSidebarLayout.vue b/src/layouts/LeftSidebarLayout.vue
index dcb9d4e..3d525c9 100644
--- a/src/layouts/LeftSidebarLayout.vue
+++ b/src/layouts/LeftSidebarLayout.vue
@@ -51,7 +51,7 @@ const toggleExpanded = function toggleExpanded () {
 <style scoped>
 .layout-container {
     display: grid;
-    grid-template-columns: 72px 1fr;
+    grid-template-columns: calc(32px + 2em) 1fr;
     grid-template-rows: auto 1fr;
     grid-template-areas:
         "sidebar-expand sidebar-expand"