Skip to content

Theme: Submit button alignment issue #650

@swashbuck

Description

@swashbuck

Subject of the issue

The action/submit button appears to have a margin even when the feedback button is not present. This can lead to the button being slightly off-centered.

&__action:not(.is-full-width) {
width: calc(~'50% - @{btn-padding}');
margin-inline-end: @btn-padding;
}

Possible solutions

  1. Only add a margin if both buttons (submit and feedback) are present.
  2. Remove margins and use a column-gap property on .btn__response-container

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

Needs Reviewing

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions