Need a way to specify tab alignment.

[bicknellr]

There's currently no way to center tabs.

[KyleHorkley]

There is a hack that I use. Use this CSS to center the tabs:

.paper-tabs-0 #tabsContainer.paper-tabs {
-webkit-flex: 0;
flex: 0;
-webkit-flex-basis: auto;
flex-basis: auto;
margin: 0 auto;
width: auto;
}

#tabsContent.scrollable.paper-tabs {
position: relative;
}

[ebidel]

@KyleHorkley FYI, that's not going to work under native shadow.

[bicknellr]

@KyleHorkley Glad you noticed this! Your post in the Polymer Google+ page is actually why I filed the issue.

[KyleHorkley]

@ebidel Yeah, but it's a nice workaround for now.

[KyleHorkley]

@bicknellr @ebidel Found a better way to accomplish this (and it should work in native shadow!). Simply add a div before and after paper-tabs with the class of flex. Credit to Matt Bogado on G+

[kpprogrammer]

Adding flex class in a wrapper div did not help. The only way I could get the tabs to center was to change position:absolute in #tabContents to position:static. Since this style can't be overwritten due to shadow, can a property such as @apply(--paper-tabs-content) please be added to the #tabsContent and#tabsContent.scrollable styles in paper-tabs.html?