From 7c623d53040a372f8b463d38c723e2df403ae9de Mon Sep 17 00:00:00 2001
From: Andrea Fercia <afercia@git.wordpress.org>
Date: Thu, 18 Apr 2019 21:42:48 +0000
Subject: [PATCH] Accessibility: Improve the "Alt text" description styles for
 small screens.

Amends [44900].
See #41612.


git-svn-id: https://develop.svn.wordpress.org/trunk@45248 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-includes/css/media-views.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index 5aa72c7920..52b70dafe8 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -447,6 +447,7 @@
 }
 
 .attachment-details .setting + .description {
+	clear: both;
 	font-size: 12px;
 	font-style: normal;
 	margin-bottom: 0.5em;
@@ -2386,7 +2387,8 @@
 	.attachment-details .setting input[type="tel"],
 	.attachment-details .setting input[type="url"],
 	.attachment-details .setting textarea,
-	.attachment-details .setting select {
+	.attachment-details .setting select,
+	.attachment-details .setting + .description {
 		float: none;
 		width: 98%;
 		max-width: none;
@@ -2436,6 +2438,15 @@
 		margin-left: 0;
 	}
 
+	.image-details .embed-media-settings .setting.has-description {
+		margin-bottom: 5px;
+	}
+
+	.image-details .description {
+		width: auto;
+		margin: 0 20px;
+	}
+
 	.image-details .embed-media-settings .custom-size {
 		margin-left: 20px;
 	}