tcss "text-align: left;" not working anymore for Buttons

[gpregger-ethz]

The bug

The TCSS property "text-align: left" on a button element causes the button's caption to be aligned to the center instead of to the left.
text-align: right, end and center work as expected, but left or start do the same as center.

MRE

# main.py
from textual.app import App
from textual.screen import Screen
from textual.widgets import Button

class Screen_Button(Screen):
    def compose(self):
        yield Button('Button1', id='btn_1', variant='primary')
        yield Button('Button2', id='btn_2', variant='success')
        yield Button('Button3', id='btn_3', variant='error')

class MRE(App):
    CSS_PATH = 'style.tcss'

    SCREENS = {
        'scr_mre' : Screen_Button
    }

    def on_mount(self) -> None:
        self.title = 'Button text-align MRE'
        self.push_screen('scr_mre')

if __name__ == '__main__':
    app = MRE()
    app.run()

/* style.tcss */
Button {
    text-align: right;
}

#btn_1 {
    text-align: left;
}

#btn_2 {
    text-align: center;
}

expected:

actual:

This worked as expected up to and including the 2.1.2 release and broke with the 3.0.0 release.

[github-actions]

We found the following entries in the FAQ which you may find helpful:

• Why do some key combinations never make it to my app?
• How can I set a translucent app background?
• Why doesn't Textual support ANSI themes?

Feel free to close this issue if you found an answer in the FAQ. Otherwise, please give us a little time to review.

This project is developed and maintained by Will McGugan. Consider sponsoring Will's work on this project (and others).

This is an automated reply, generated by FAQtory

[davep]

Button uses content-align too. For example:

from textual.app import App, ComposeResult
from textual.widgets import Button

class ButtonTestApp(App[None]):

    CSS = """
    Button {
        width: 1fr;
        text-align: left;
        content-align: left middle;
    }
    """

    def compose(self) -> ComposeResult:
        yield Button("Hello, World!")

if __name__ == "__main__":
    ButtonTestApp().run()

[gpregger-ethz]

Thanks, this works!
So is this as-intended? Seems a bit unintuitive ;)

[davep]

So is this as-intended? Seems a bit unintuitive ;)

@gpregger-ethz I have no idea; not my code. Just thought I'd let you know what seemed to be causing it and how you could get back your desired result.