Media: Prevents clipping of text when scaling image edit screen.

Props sabernhardt, audrasjb, afercia.
See #47115.


git-svn-id: https://develop.svn.wordpress.org/trunk@46354 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/css/edit.css

@@ -655,6 +655,12 @@ form#tags-filter {
 	margin-bottom: 20px;
 }
 
+.wp_attachment_details .attachment-content-description {
+	margin-top: 0.5385em;
+	display: inline-block;
+	min-height: 1.6923em;
+}
+
 /* Suggested text for privacy policy */
 .wp-privacy-policy-guide {
 	max-width: 1000px;

src/wp-admin/css/media.css

@@ -800,6 +800,11 @@ border color while dragging a file over the uploader drop area */
 	margin-bottom: 5px;
 }
 
+.attachment-details .setting + .description a:focus {
+        /* Only visible in Windows High Contrast mode */
+        outline: 1px solid transparent;
+}
+
 .wp_attachment_details .attachment-alt-text-description {
 	margin-top: 5px;
 }
@@ -1114,10 +1119,14 @@ span.imgedit-scale-warn {
 	padding: 10px;
 }
 
+.imgedit-settings .imgedit-original-dimensions {
+	display: inline-block;
+}
+
 .imgedit-settings .imgedit-scale input[type="text"],
 .imgedit-settings .imgedit-crop-ratio input[type="text"],
 .imgedit-settings .imgedit-crop-sel input[type="text"] {
-	width: 50px;
+	width: 80px;
 	font-size: 14px;
 	padding: 5px 8px;
 }
@@ -1130,6 +1139,11 @@ span.imgedit-scale-warn {
 	color: #444;
 }
 
+.imgedit-settings .imgedit-scale-button-wrapper {
+	margin-top: 0.3077em;
+	display: block;
+}
+
 .imgedit-settings .imgedit-scale .button {
 	margin-bottom: 0;
 }