Skip to content

[mat-card] Wrapped actions end up misaligned #18391

Open
@hariettem

Description

@hariettem

Bug:

Long strings in the actions section of a material card end up wrapping to a second line. That behavior seems fine, except that the first action in the second line has a left margin. This causes it to not be aligned to the actions in the first line.

Screenshot

What is the expected behavior?

Actions wrapping to a new line should not have a left margin, like the first action.

What is the current behavior?

There's no differentiation between the first action of a new line.

What are the steps to reproduce?

Add two buttons to a material card. Make the second button long enough to not fit in the first line.
Stackblitz

Metadata

Metadata

Assignees

No one assigned

    Labels

    GThis is is related to a Google internal issueP4A relatively minor issue that is not relevant to core functionsarea: material/cardmaterial 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