From 235d6e33a9be8dd45d29432776d6ae452bbdde76 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sun, 5 Oct 2025 20:19:03 +0100
Subject: [PATCH] fix: make panel toggle buttons stick to main content

- Remove grid gap and use padding on expanded panels instead
- Toggle buttons now appear directly adjacent to main panel when collapsed
- Maintain visual spacing only when panels are expanded
- Improves UX by making collapse/expand buttons more accessible
---
 src/index.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/index.css b/src/index.css
index 9d8e29e6..05bc9acf 100644
--- a/src/index.css
+++ b/src/index.css
@@ -423,7 +423,7 @@ body {
 .two-pane {
   display: grid;
   grid-template-columns: 360px 1fr;
-  gap: 1rem;
+  column-gap: 0;
   height: calc(100vh - 4rem);
   transition: grid-template-columns 0.3s ease;
 }
@@ -436,7 +436,7 @@ body {
 .three-pane {
   display: grid;
   grid-template-columns: 360px 1fr 360px;
-  gap: 1rem;
+  column-gap: 0;
   height: calc(100vh - 4rem);
   transition: grid-template-columns 0.3s ease;
 }
@@ -456,6 +456,7 @@ body {
 .pane.sidebar {
   overflow-y: auto;
   height: 100%;
+  padding-right: 1rem;
 }
 
 .pane.main {
@@ -471,6 +472,7 @@ body {
 .pane.highlights {
   overflow-y: auto;
   height: 100%;
+  padding-left: 1rem;
 }
 
 .reader {