obsidian-kanban インデントの余白を詰めたい

Before

obsidian-kanbanを導入したはいいものの、以下のようにやたらと余白が空いてしまって見辛かった。

設定を探してもそれらしきものが見当たらず、StyleSettings等も効かないようなので、自分でCSSを書き換えることにした。

スニペットCSSの作成と適用手順

vault/.obsidian/snippets/tight-lists.cssを開き、スニペットファイルを編集する事で可能。
メニュー（歯車）→外観の一番下→CSSスペニットのフォルダマークからtight-lists.cssの場所をエクスプローラーで直接開けるので、VSCode等の好きなコードエディタで開く。

ObsidianもCTRL + SHIFT + Iで開発者ツールを開けるようなので助かった。

それっぽい場所を探した結果、obsidian-kanban専用のpadding-inline-startと--list-indentが見つかったので、以下の2つをtight-lists.cssに追記する。
プラグインのCSSが強く指定されている為、!importntを記述しないと優先されずに反映されない。

/* Kanbanカード内のリストの左側の余白調整（デフォルトは1.8em） */
body .kanban-plugin__markdown-preview-view ul,
body .kanban-plugin__markdown-preview-view ol,
body .kanban-plugin__markdown-preview-view ul.contains-task-list .contains-task-list,
body .kanban-plugin__markdown-preview-view ol.contains-task-list .contains-task-list {
    padding-inline-start: 0.18em !important;
}

/* Kanbanカード内のリストのインデント幅調整（デフォルトは1.75em） */
.kanban-plugin__meta-value,
.kanban-plugin__markdown-preview-wrapper {
    --list-indent: 1em !important;
}

上書き保存をしたら反映される。
もし反映されていないなら、先程開いたメニューのCSSスニペットの見出しの右側にある『スニペットをリロード』をクリックする。

After

公式リンク

Obsidian. https://obsidian.md/
obsidian-kanban - 公式Document. https://publish.obsidian.md/kanban/
obsidian-kanban - Github. https://github.com/mgmeyers/obsidian-kanban?tab=readme-ov-file