How to horizontally center <asl-google-signin-button>?

[BruceWilcox]

I've tried styling the surrounding div with no success.

<div *ngIf="! appData.isLoggedin">

        <asl-google-signin-button type="standard"
                                  shape="rectangle"
                                  width="400px"
                                  theme="filled_black"
                                  logo_alignment="left"
                                  text="Sign In"
                                  size="large"></asl-google-signin-button>

</div>

[IanaPushcash]

Do you mean logo_alignment="center"?

[chrstphrrbn]

I assume centering the button in its surrounding container. I'm looking for the same thing! :/

[lwestfall]

I'm a little late to the game here, but here's how I fixed this. Put this in your styles .css or in any component that has asl-google-signin-button in its template

asl-google-signin-button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

[BruceWilcox]

This works. Thank you!