From b74c0a3bea06a71c2c75ea924acb899f48c7591c Mon Sep 17 00:00:00 2001
From: Stewart Allen <stewart.allen@gmail.com>
Date: Tue, 9 Jul 2024 13:08:04 -0400
Subject: [PATCH] improve L&F of collapsible group headers

---
 src/kiri/ui.js     | 11 +++++++----
 web/kiri/index.css |  4 ++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/kiri/ui.js b/src/kiri/ui.js
index 06b939be..5ce1dc20 100644
--- a/src/kiri/ui.js
+++ b/src/kiri/ui.js
@@ -267,10 +267,13 @@ gapp.register("kiri.ui", [], (root, exports) => {
                 row,
                 arr,
                 update() {
-                    arr.innerHTML = (hidden[group] ?
-                        '<i class="fa-solid fa-caret-down"></i>' :
-                        '<i class="fa-solid fa-caret-up"></i>'
-                    );
+                    if (hidden[group]) {
+                        arr.innerHTML = '<i class="fa-solid fa-caret-down"></i>';
+                        row.classList.add('hidden');
+                    } else {
+                        arr.innerHTML = '<i class="fa-solid fa-caret-up"></i>';
+                        row.classList.remove('hidden');
+                    }
                 }
             };
             row.onclick = () => {
diff --git a/web/kiri/index.css b/web/kiri/index.css
index 2e517767..0ad3a793 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -2174,8 +2174,12 @@ th, tr, td, label {
     padding: 4px;
     margin: 0 0 4px 0;
 }
+.set-header.hidden {
+    margin-bottom: 0 !important;
+}
 .set-header > span {
     color: var(--blue-2);
+    font-size: smaller;
 }
 .set-header-line {
     margin-left: 5px;