Skip to content

Improve layout in the email preferences page

Eduardo Sanz García requested to merge eduardosanz/layout-improvement-email-preferences into master

What does this MR do and why?

Improve responsiveness of the email preferences page:

  • remove margin that caused the Verified/Unverified badges to not align to the left
  • in narrow view ports the Resend confirmation email and delete buttons are aligned to the bottom-right (instead of the top-left), and if necessary they wrap in reverse order.
  • remove negative margins

Implements the designs in #369445 (closed)

Screenshots or screen recordings

Before

Emails___User_Settings___GitLab__2_

After

Emails___User_Settings___GitLab__1_

Emails___User_Settings___GitLab

How to set up and validate locally

  1. Go to Profile > Preferences
  2. On the left-side menu click Emails

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Merge request reports