Skip to content

Enhance responsive UI for the login screen.

Created by: dblessing

Enhance responsive UI for the login screen. This especially makes things nicer for mobile. It actually makes some nice subtle adjustments for all devices, too.

For mobile, you can see the content is properly centered with these changes.

Mobile device current: orig

Mobile device new: new

For medium to large devices you can see a slight increase in the width of the login fields. This is because I removed the 20px padding. It doesn't make a big difference for medium and large devices but it solves the problem for smaller devices. Also, it has the nice side effect of correcting the word wrapped 'Send again' text. It also lines up the right side of the fields and the 'Forgot your password?' button.

Med/Large device current: med_orig

Med/Large device new: med_new

Merge request reports

Loading