The "old iframe media modal" has some pretty busted styles. Although this is a "deprecated" feature, clean up some of the broken styles.

Props erayalakese for the JS patch.
Fixes #28220.



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

src/wp-admin/css/deprecated-media.css

@@ -24,11 +24,6 @@ body#media-upload ul#sidemenu {
 	clear: both;
 }
 
-#media-upload,
-#media-upload .media-item .slidetoggle {
-	background: #fff;
-}
-
 #media-upload .slidetoggle {
 	border-top-color: #dfdfdf;
 }
@@ -185,7 +180,7 @@ abbr.required {
 .menu_order {
 	float: right;
 	font-size: 11px;
-	margin: 3px 10px 0;
+	margin: 8px 10px 0;
 }
 
 .menu_order_input {
@@ -217,7 +212,6 @@ abbr.required {
 }
 
 #media-upload .widefat {
-	width: 626px;
 	border-style: solid solid none;
 }
 
@@ -273,9 +267,10 @@ h4.media-sub-title {
 
 #gallery-settings .describe {
 	padding: 5px;
-	width: 615px;
+	width: 100%;
 	clear: both;
 	cursor: default;
+	background: #fff;
 }
 
 #gallery-settings .describe select {
@@ -327,7 +322,7 @@ h4.media-sub-title {
 }
 
 p.media-types {
-	margin: 1em;
+	padding: 1em;
 }
 
 tr.not-image {

src/wp-admin/css/media.css

@@ -102,6 +102,7 @@
 	display: block;
 	line-height: 36px;
 	float: right;
+	margin-right: 6px;
 }
 
 .media-item .describe-toggle-off,
@@ -118,10 +119,7 @@
 	min-height: 36px;
 	position: relative;
 	width: 100%;
-}
-
-#media-items {
-	width: 623px;
+	background: #fff;
 }
 
 .media-new-php #media-items {
@@ -143,7 +141,7 @@
 
 .media-item .pinkynail {
 	float: left;
-	margin: 2px 10px 0 0;
+	margin: 2px 10px 0 3px;
 	max-width: 40px;
 	max-height: 32px;
 }

src/wp-admin/js/media-upload.js

@@ -40,7 +40,7 @@ var tb_position;
 		var tbWindow = $('#TB_window'),
 			width = $(window).width(),
 			H = $(window).height(),
-			W = ( 720 < width ) ? 720 : width,
+			W = ( 833 < width ) ? 833 : width,
 			adminbar_height = 0;
 
 		if ( $('#wpadminbar').length ) {