On the profile page, 'Register Universal Two-Factor (U2F) Device' section has text overlaying a button


Summary

'Register Universal Two-Factor (U2F) Device' section has text overlaying a button

Steps to reproduce

Load the following page with browser with at 1200px wide (to trigger the appropriate media query): https://gitlab.com/profile/two_factor_auth Observe the text overlaying the button

What is the current bug behavior?

Text overlays a button

What is the expected correct behavior?

Text should not overlay the button, something like this:

Screenshot_2017-10-13_11.50.15

Relevant logs and/or screenshots

Screenshot_2017-10-13_11.38.36

Output of checks

This bug happens on GitLab.com, in Chrome 61, on MacOS Sierra 10.12.6, browser width higher than 1200px

Possible fixes

Unclear, but certainly a CSS layout bug. I looked through the profile.scss and it's higher in the cascade than that, so this may need to be a fix only for this instance. Not familiar enough to know.

Edited Oct 13, 2017 by Jeremy Bunting
Assignee Loading
Time tracking Loading