Fix project members and group members index page header alignment

What does this MR do and why?

Fixes the text content in the top part of members page to protect against artificial word wrapping as noted in #363415 (closed)

Screenshots or screen recordings

Only real change should be noticeable on the desktop version where the text under the page title is no longer wrapped unecessarily.

Group Members

platform before after
desktop Screen_Shot_2022-06-22_at_3.42.05_PM Screen_Shot_2022-06-22_at_3.31.53_PM
mobile Screen_Shot_2022-06-22_at_3.42.20_PM Screen_Shot_2022-06-22_at_3.32.07_PM

Screen_Recording_2022-06-22_at_3.31.31_PM

Project Members

platform before after
desktop Screen_Shot_2022-06-22_at_3.40.05_PM Screen_Shot_2022-06-22_at_3.30.23_PM
mobile Screen_Shot_2022-06-22_at_3.39.50_PM Screen_Shot_2022-06-22_at_3.30.40_PM

Screen_Recording_2022-06-22_at_3.30.57_PM

How to set up and validate locally

  1. Visit any group or project member pages such as http://127.0.0.1:3000/groups/flightjs/-/group_members
  2. Observe the page.

MR acceptance checklist

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

Related to #363415 (closed)

Edited by Doug Stull

Merge request reports

Loading