Field markup issues on edit User page

[YanMetelitsa]

Hi!

I found several issues related to the visual display of some fields on the user page.

1. Post Object field stretches to the full width of the page, although all fields in this section have a maximum width of 25em. At the same time, the normal select is displayed correctly.

2. On the same user page in the mobile version, all fields do not correspond to the native design of standard fields.

3. When adding a Tab, it is heavily indented to the left. Overall okay, but in the mobile version it looks very strange.

I used this quick fix for these issues. Maybe it will help.

body.user-edit-php {
	.form-table {
		.acf-hl.acf-tab-group {
			padding-left: 5px !important;
		}

		.acf-field {
			.acf-label {
				@include media.mobile {
					padding: 10px 0 0;
					margin: 0;
				}
			}

			.acf-input {
				@include media.mobile {
					padding: 4px 0 6px;
				}

				input {
					@include media.mobile {
						width: 100%;
    					max-width: 100% !important;
					}
				}

				.select2 {
					width: 100%;
					max-width: 25em;

					@include media.mobile {
						max-width: 100%;
					}
				}
			}
		}
	}
}

[cbravobernal]

Hi @YanMetelitsa !

Feel free to create a PR with the fix!