Code Editors: Tweak styles to work better on smaller screens.

See #42100.

Built from https://develop.svn.wordpress.org/trunk@41999


git-svn-id: http://core.svn.wordpress.org/trunk@41833 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/common-rtl.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-right: 1px solid #ddd;
+	}
 
 	#templateside li {
 		margin: 0;
@@ -3814,11 +3824,44 @@ img {
 		right: -8px;
 	}
 	.wrap #templateside span.notice {
-		margin-right: -14px;
+		margin-right: -5px;
+		width: 100%;
 	}
 
 	.fileedit-sub .alignright {
+		float: right;
 		margin-top: 15px;
+		width: 100%;
+		text-align: right;
+	}
+	
+	.fileedit-sub .alignright label {
+		display: block;
+	}
+	
+	.fileedit-sub #theme, 
+	.fileedit-sub #plugin {
+		margin-right: 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-right: 0;
+		max-width: 60%;
+	}
+	
+	#documentation input[type="button"] {
+		margin-bottom: 0;
+		padding: 8px 18px;
 	}
 
 	#wpfooter {