From 91aad26eaef098069c28b7cc471440dab35547bb Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 1 Dec 2024 10:38:24 +0200
Subject: [PATCH 1/3] style(next): regressions for vertical layout

---
 src/public/app/widgets/bookmark_buttons.js | 8 +++++---
 src/public/stylesheets/theme-next.css      | 6 +++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/public/app/widgets/bookmark_buttons.js b/src/public/app/widgets/bookmark_buttons.js
index ff5ece915..1cb519e69 100644
--- a/src/public/app/widgets/bookmark_buttons.js
+++ b/src/public/app/widgets/bookmark_buttons.js
@@ -25,10 +25,12 @@ export default class BookmarkButtons extends FlexContainer {
                 ? new BookmarkFolderWidget(note)
                 : new OpenNoteButtonWidget(note)
                     .class("launcher-button");
-            if (!buttonWidget.settings) {
-                buttonWidget = {};
+            if (this.settings.titlePlacement) {
+                if (!buttonWidget.settings) {
+                    buttonWidget = {};
+                }
+                buttonWidget.settings.titlePlacement = this.settings.titlePlacement;
             }
-            buttonWidget.settings.titlePlacement = this.settings.titlePlacement;
 
             this.child(buttonWidget);
 
diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index e4af65960..1239059da 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -693,17 +693,17 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
 
 .tab-row-widget-container {
     margin-top: calc((var(--tab-bar-height) - var(--tab-height)) / 2);
-    height: var(--tab-height) !important;
-    overflow: hidden;
+    height: var(--tab-height) !important;    
 }
 
 #root-widget.horizontal-layout .tab-row-container {
-    padding-top: calc((var(--tab-bar-height) - var(--tab-height)));
+    padding-top: calc((var(--tab-bar-height) - var(--tab-height)));    
 }
 
 #root-widget.horizontal-layout .tab-row-widget-container {
     margin-top: 0;
     position: relative;
+    overflow: hidden;
 }
 
 .tab-row-widget .note-tab .note-tab-wrapper {

From 9e5000bce0445135860b4136d973747cb74b86f6 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 1 Dec 2024 10:41:12 +0200
Subject: [PATCH 2/3] style(next): smaller tree padding

---
 src/public/stylesheets/theme-next.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 1239059da..c522f606e 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -528,7 +528,7 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
 }
 
 #left-pane div.tree {
-    padding: 0 12px;
+    padding: 3px 6px;
     animation: fade-in 200ms ease-in;
 }
 
@@ -538,6 +538,10 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
     cursor: default;
 }
 
+#left-pane .ui-fancytree ul {
+    padding-left: 10px;
+}
+
 /* The root element of the tree */
 #left-pane .fancytree-container > li:first-child > span {
     padding-left: 12px;

From 0dbe88092e7e80762008baa8c582c596f4a4155d Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 1 Dec 2024 10:46:15 +0200
Subject: [PATCH 3/3] style(next): experimental tree lines

---
 src/public/stylesheets/theme-next.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index c522f606e..ff824c870 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -539,12 +539,14 @@ html body #left-pane .quick-search:focus-within .search-button:hover,
 }
 
 #left-pane .ui-fancytree ul {
-    padding-left: 10px;
+    padding-left: 1px;
+    margin-left: 14px;
+    border-left: 1px solid var(--subtle-border-color);
 }
 
 /* The root element of the tree */
 #left-pane .fancytree-container > li:first-child > span {
-    padding-left: 12px;
+    padding-left: 6px;
 }
 
 #left-pane span.fancytree-node.fancytree-active {