Fix the display of buttons and the login page on mobile.

Review Request #13310 — Created Oct. 5, 2023 and submitted

Information

Review Board
release-6.x

Reviewers

The login page had a broken look on mobile due to a missing selector,
causing some of our style resets for labels to fail to apply. This adds
the missing selector, fixing up the field layout.

The recent changes to button layout also impacted this page, and others
in the UI. The usage of display: inline-flex caused the text to be
left-aligned. This impacted all buttons in the UI with a non-default
width. We now center-justify the content of buttons to restore the
original centering.

Tested the login page on desktop and mobile.

Checked other buttons throughout the UI for regressions.

Summary ID
Fix the display of buttons and the login page on mobile.
The login page had a broken look on mobile due to a missing selector, causing some of our style resets for labels to fail to apply. This adds the missing selector, fixing up the field layout. The recent changes to button layout also impacted this page, and others in the UI. The usage of `display: inline-flex` caused the text to be left-aligned. This impacted all buttons in the UI with a non-default width. We now center-justify the content of buttons to restore the original centering.
861f01adf820d0844baafe427d650a34816b7f01

david
  1. Ship It!
  2. 
      
maubin
  1. Ship It!
  2. 
      
chipx86
Review request changed
Status:
Completed
Change Summary:
Pushed to release-6.x (221ffba)