From 8b0fdaccf499a266b3ede4498d0b47d98d3207b7 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 17 Jul 2025 14:45:38 +0300
Subject: [PATCH] feat(views/table): improve alignment for first level +
 increase indentation

---
 apps/client/src/stylesheets/table.css                    | 3 ++-
 apps/client/src/widgets/view_widgets/table_view/index.ts | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/stylesheets/table.css b/apps/client/src/stylesheets/table.css
index 175f1e422..39698f345 100644
--- a/apps/client/src/stylesheets/table.css
+++ b/apps/client/src/stylesheets/table.css
@@ -153,7 +153,8 @@
 }
 
 /* Align items without children/expander to the ones with. */
-.tabulator-cell > div:first-child + span {
+.tabulator-cell > span:first-child,         /* 1st level */
+.tabulator-cell > div:first-child + span {  /* sub-level */
     padding-left: 21px;
 }
 
diff --git a/apps/client/src/widgets/view_widgets/table_view/index.ts b/apps/client/src/widgets/view_widgets/table_view/index.ts
index 45464da7b..aea8c6c25 100644
--- a/apps/client/src/widgets/view_widgets/table_view/index.ts
+++ b/apps/client/src/widgets/view_widgets/table_view/index.ts
@@ -161,6 +161,7 @@ export default class TableView extends ViewMode<StateInfo> {
                 dataTreeStartExpanded: true,
                 dataTreeBranchElement: false,
                 dataTreeElementColumn: "title",
+                dataTreeChildIndent: 20,
                 dataTreeExpandElement: `<button class="tree-expand"><span class="bx bx-chevron-right"></span></button>`,
                 dataTreeCollapseElement: `<button class="tree-collapse"><span class="bx bx-chevron-down"></span></button>`
             }