From 1d61f2b65c71a1786173483f57a0eb3291e2f5bd Mon Sep 17 00:00:00 2001
From: Artemiy Solopov <a.solopov.001@gmail.com>
Date: Tue, 21 Oct 2025 02:18:10 +0300
Subject: [PATCH] Some more sidebar style edits

---
 app/javascript/elements/site_sidebar.js | 12 +++++++-----
 app/views/projects/show.html.slim       |  4 ++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/javascript/elements/site_sidebar.js b/app/javascript/elements/site_sidebar.js
index b6a7930..7ebce95 100644
--- a/app/javascript/elements/site_sidebar.js
+++ b/app/javascript/elements/site_sidebar.js
@@ -7,7 +7,9 @@ export class SiteSidebar extends LitElement {
     static styles = css`
     :host {
         --padding: 0.25rem;
-        flex-basis: 2rem;
+        --_button-size: var(--button-size, 2rem);
+        --_button-offset: var(--button-offset, 2px);
+        flex-basis: calc(var(--_button-size) + var(--_button-offset));
     }
 
     aside {
@@ -19,11 +21,11 @@ export class SiteSidebar extends LitElement {
         width: min(15em, 30%);
         background: var(--background);
         color: var(--color);
+        box-shadow: calc(var(--_button-size) / 2 + var(--_button-offset)) 0 var(--background);
 
         transform: translateX(-100%);
         transition: transform 0.2s ease;
 
-        border-right: 2px solid gray;
         box-sizing: border-box;
         padding-block: var(--padding);
 
@@ -43,8 +45,8 @@ export class SiteSidebar extends LitElement {
         display: inline-block;
 
         font-size: 1.5rem;
-        height: 2rem;
-        width: 2rem;
+        height: var(--_button-size);
+        width: var(--_button-size);
         padding: 0;
         text-align: center;
         vertical-align: middle;
@@ -53,7 +55,7 @@ export class SiteSidebar extends LitElement {
         box-sizing: border-box;
 
         position: absolute;
-        left: calc(100% + 2px);
+        left: calc(100% + var(--_button-offset));
     }
 
     .bg {
diff --git a/app/views/projects/show.html.slim b/app/views/projects/show.html.slim
index 05712cb..37d9e51 100644
--- a/app/views/projects/show.html.slim
+++ b/app/views/projects/show.html.slim
@@ -1,8 +1,8 @@
 h1= @project.name
 
-section= @project.description
-
 section
   ul.links
     li= link_to 'Edit', edit_project_path(@project)
     li= link_to 'Tasks', tasks_path(project: @project)
+
+section= @project.description