From 36f253d1d9cada0b716dd5402a0f9211db06ab5e Mon Sep 17 00:00:00 2001
From: Mel Choyce <melchoyce@git.wordpress.org>
Date: Tue, 24 Oct 2017 20:29:00 +0000
Subject: [PATCH] Code Editors: Tweak styles to work better on smaller screens.

See #42100.


git-svn-id: https://develop.svn.wordpress.org/trunk@41999 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/common.css | 45 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 44 insertions(+), 1 deletion(-)

diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index a0beadd330..038c6c8280 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -3756,10 +3756,20 @@ img {
 	}
 
 	/* Theme/Plugin File Editor */
+	
+	#template textarea, 
+	#template .CodeMirror {
+		box-sizing: border-box;
+	}
+	
 	#templateside {
 		float: none;
 		width: auto;
 	}
+	
+	#templateside > ul {
+		border-left: 1px solid #ddd;
+	}
 
 	#templateside li {
 		margin: 0;
@@ -3814,11 +3824,44 @@ img {
 		left: -8px;
 	}
 	.wrap #templateside span.notice {
-		margin-left: -14px;
+		margin-left: -5px;
+		width: 100%;
 	}
 
 	.fileedit-sub .alignright {
+		float: left;
 		margin-top: 15px;
+		width: 100%;
+		text-align: left;
+	}
+	
+	.fileedit-sub .alignright label {
+		display: block;
+	}
+	
+	.fileedit-sub #theme, 
+	.fileedit-sub #plugin {
+		margin-left: 0;
+	    max-width: 70%;
+	}
+	
+	.fileedit-sub input[type="submit"] {
+		margin-bottom: 0px;
+		padding: 8px 18px;
+	}
+	
+	#documentation label[for="docs-list"] {
+		display: block;
+	}
+	
+	#documentation select[name="docs-list"] {
+		margin-left: 0;
+		max-width: 60%;
+	}
+	
+	#documentation input[type="button"] {
+		margin-bottom: 0;
+		padding: 8px 18px;
 	}
 
 	#wpfooter {