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

@@ -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;

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"