Add tab button slightly misaligned

[tony_stark]

Steps to reproduce

1. Open Obsidian.
2. Enable “stacked tabs.”
3. Look at add tab button.

Did you follow the troubleshooting guide? [Y/N]

Yes.

Expected result

Add tab button lines up with the first vertical tab.

Actual result

It is a few pixels to the right of where it should be.

Environment

SYSTEM INFO:
Obsidian version: v1.8.10
Installer version: v1.8.4
Operating system: Windows 11 Home 10.0.26100
Login status: logged in
Language: en
Catalyst license: none
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on

RECOMMENDATIONS:
none

Additional information

This may be due to some horizontal padding from when the tabs are not stacked.
Consider these two screenshots.

[ariehen]

I’m not sure if this will be considered a bug or not, but you can move it using this css snippet:

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container-inner {
    padding: 0; /* 0 0 0 var(--size-4-3) */
}

No left padding looks a bit too far left to me; maybe somewhere in the middle of none and the default?

[tony_stark]

Me neither, but I’m a really detail-oriented person and it really irritated me once I noticed it. I’m glad that there’s a CSS snippet to make it better, but it feels like it wants just a tiny bit of padding to line it up.

[ariehen]

.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container-inner {
    padding: 0 0 0 2px; 
}

[tony_stark]

Ahhh, I can finally die in peace.

[CawlinTeffid]

I removed the solution mark so the thread won’t auto-close.