Skip to content

Change mat-button padding to match Material Design Guidelines #18289

Open
@ryan-neufeld

Description

@ryan-neufeld

Bug, feature request, or proposal: Change mat-button padding to 8px Left and Right

What is the expected behavior?

  • 8px Left and Right padding on mat-button (aka basic button, aka text button)

Screen Shot 2020-01-25 at 8 22 10 PM

What is the current behavior?

  • 16px left and right padding on mat-button

What are the steps to reproduce?

StackBlitz: https://stackblitz.com/angular/moookenqrpqq?file=src%2Fapp%2Fbutton-types-example.html

What is the use-case or motivation for changing an existing behavior?

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

  • Angular Material 8.2.3 and below

Is there anything else we should know?

  • N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    P4A relatively minor issue that is not relevant to core functionsarea: material/buttonmaterial specIssue related to the Material Design spec https://material.io/design/

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions