www.amazonaws.com - Layout is messed up when editing account information

[softvision-sergiulogigan]

URL: www.amazonaws.com
Browser / Version: Firefox Mobile Nightly 55.0a1 (2017-04-06)
Operating System: Samsung Galaxy Note 4 (Android 5.0.1)
Problem type: Layout is messed up

Steps to Reproduce
Prerequisites:
Login with valid credentials.

1. Navigate to: https://console.aws.amazon.com/billing/home#/account
2. Tap the Account Settings's Edit button. Observe the layout.

Expected Behavior:
The layout is correctly displayed.

Actual Behavior:
The layout is messed up.

Notes:

1. The issue is also reproducible on Firefox 52.0 Release (Mobile).
2. The issue is not reproducible on Chrome (Mobile) 56.0.2924.87.
3. Screenshot attached.

Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan

sv; country: us

From webcompat.com with ❤️

[adamopenweb]

Thanks @softvision-sergiulogigan!

It looks like this row padding-bottom isn't large enough:

element {
}
.ap_cnep_form_row {
    padding-bottom: 20px;
}

If we change this to something like 25px, the layout looks much better.

[karlcow]

It also breaks because it is a series of float for the spans under .ap_cnep_row

[karlcow]

This is still broken and this will fix it.

/* ap_smart_default_device._CB187427109_.css | https://images-na.ssl-images-amazon.com/images/G/01/authportal/common/css/mobile/ap_smart_default_device._CB187427109_.css */

.ap_form_wrapper {
		display: flex;
		flex-direction: column;
}