Image editor: scale and crop input size mismatch with button and info icon not using new color

[huzaifaalmesbah]

In the Image Editor (Scale and Crop sections), the UI appears inconsistent. Input fields are not using compact styles, button size does not align with inputs, and the info icon uses old color.

Related discussion:
#64759 comment:9
​PR #11091 comment

[ozgursar]

input fields are set to min-height: 40px in /wp-admin/css/forms.css?ver=7.0-beta6-62085-src. Reducing them to 32px might solve the size mismatch.

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
	padding: 0 12px;
	/* inherits font size 14px */
	line-height: 2.71428571; /* 38px for 40px min-height */
	min-height: 40px;
}

[huzaifaalmesbah]

Expected compact styles Inputs:

min-height: 32px;
line-height: 2.14285714;
padding: 0 8px;

And the info icon should use:

var(--wp-admin-theme-color, #3858e9);

[wildworks]

input fields are set to min-height: 40px in /wp-admin/css/forms.css?ver=7.0-beta6-62085-src. Reducing them to 32px might solve the size mismatch.

Please note that the 40px height is intentional and cannot be changed to a default size of 32px. I think we should apply new 40px default size for buttons as well.