[Mat Action Row] Missing left margin for buttons other than mat-button

[IlCallo]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

All buttons types should have a 8px margin left when in a mat-action-row, except for the first one in the row (mat-action-row>button:first-of-type or something like that)

What is the current behavior?

Only mat-button have it, which is set with this rule; .mat-action-row button.mat-button

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 6.0.6
Material 6.3.1

Is there anything else we should know?

Maybe something like mat-button-base shall become the general class added to all buttons and manage styling which must be applied to all buttons regardless of the appearance, like this one. instead of repeating all mat-buttons selectors

[crisbeto]

There's #11961 which adds mat-button-base, but it hasn't been merged yet. After it's in we should be able to use it for the action row.

[aeslinger0]

I'm seeing this with code like this:

    <mat-action-row>
      <button type="submit" mat-raised-button color="primary">Apply Filters</button>
      <button type="button" mat-raised-button (click)="clearFilters()">Clear Filters</button>
    </mat-action-row>

It looks like I can work around it by adding mat-button like this:

    <mat-action-row>
      <button type="submit" mat-button mat-raised-button color="primary">Apply Filters</button>
      <button type="button" mat-button mat-raised-button (click)="clearFilters()">Clear Filters</button>
    </mat-action-row>

Is it safe to do this or could it cause problems mixing mat-button and mat-raised-button?

[devversion]

This has been fixed with 6a21d94. Thanks for the issue report!

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}