Jfoenix: JFXTabPane Header Area Alignment

[TurekBot]

In the Material Design Guidelines, it says the the Tab Layout should be "centered or aligned with left keyline",

To try and align the tab pane, I tried adding padding to the .depth-container, .tab-header-area .headers-region and .tab-header-background without success.

Something unexpected happens when I add padding to the left side of the .tab-header-area. Instead of just getting padding on the left, it gets padding on the left, and bottom.

CSS:
.jfx-tab-pane .depth-container .tab-header-area { -fx-padding: 0 0 0 30; }

Can this be fixed?

[jfoenixadmin]

This issue is related to #623

[God-Hand]

i want help , how can i change the width of this tabHeaderContainer so that it will look like this

[RaisinBranCrunch]

I have found a simple workaround for this issue. Simply add negative padding to the bottom that is equal to the padding you want on the left.

CSS:
.jfx-tab-pane .tab-header-area {
-fx-padding: 0 -50 0 50;
}

[skmedix]

@God-Hand #580

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.