• 
      

    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)