From ff2d160230e4082b00563f2dbe3c47531bb9645d Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Sun, 1 Sep 2024 14:49:31 -0400
Subject: [PATCH] Reduce divider margin in node library (#701)

---
 src/components/sidebar/tabs/NodeLibrarySidebarTab.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue b/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
index 0a8153ebe..150d0a6c3 100644
--- a/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
+++ b/src/components/sidebar/tabs/NodeLibrarySidebarTab.vue
@@ -37,7 +37,7 @@
         ref="nodeBookmarkTreeExplorerRef"
         :filtered-node-defs="filteredNodeDefs"
       />
-      <Divider v-if="nodeBookmarkStore.bookmarks.length > 0" />
+      <Divider v-if="nodeBookmarkStore.bookmarks.length > 0" type="dashed" />
       <TreeExplorer
         class="node-lib-tree-explorer"
         :roots="renderedRoot.children"
@@ -200,10 +200,14 @@ const onRemoveFilter = (filterAndValue) => {
 }
 
 :deep(.node-lib-bookmark-tree-explorer) {
-  padding-bottom: 0px;
+  padding-bottom: 2px;
 }
 
 :deep(.node-lib-tree-explorer) {
-  padding-top: 0px;
+  padding-top: 2px;
+}
+
+:deep(.p-divider) {
+  margin: var(--comfy-tree-explorer-item-padding) 0px;
 }
 </style>