Move the expand/collapse icon to the right of tags in the tag pane

[josh-z78re]

Use case or problem

When a user has a mix of tags and nested tags, it creates a confusing visual hierarchy due to the collapse/expand icon displaying to the left of the nested tag parents. When scanning down the list of tags, it is easy to mistake a nested tag parent for a child of the tag above it.

See screenshot below demonstrating how ‘property’ looks like a child tag of ‘project’ and ‘reading’ looks like a child tag of ‘python’ due to the indentation as a result of the collapse/expand icon.

Proposed solution

Move the expand/collapse icon to the right hand side of the tag name. See mockup below demonstrating cleaner visual hierarchy.

[CawlinTeffid]

This is an instance of this problem:

Outline formatting is misleading/misaligned when only some nodes have children (heading indentation)

Obsidian 0.16.2 - standard Dark theme. Consider the following Markdown: # H1 - first # H1 - second ## H2 - Example 1 ## H2 - Example 2 # H1 - third # H1 - fourth Currently, this is rendered like this: (colored lines added for emphasis) [CleanShot 2022-09-05 at 12.13.15] It makes it appear as if H1 - second is a child of H1 - first, when in fact it isn’t. I don’t know if this can be fixed with CSS or if it requires under the hood changes.

Tho I don’t think anyone’s mentioned it in the context of the tags list yet.

Rather than moving the collapse/expand icon to the right, I guess the eventual fix will be to outdent it (same as it is in the body of a note when folding is enabled).