Media: Better padding for attachment items.

props avryl.
fixes #29085.

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


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

wp-admin/css/media-rtl.css

@@ -513,11 +513,6 @@ border color while dragging a file over the uploader drop area */
 	border: 4px dashed #bbb;
 }
 
-.media-frame.mode-grid .attachments,
-.media-frame.mode-select .attachments {
-	padding: 2px;
-}
-
 .media-frame.mode-select .attachments-browser.fixed .attachments {
 	position: relative;
 	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
@@ -606,6 +601,10 @@ border color while dragging a file over the uploader drop area */
 	padding: 0;
 }
 
+.media-frame.mode-grid .attachments-browser .attachments {
+	padding: 2px;
+}
+
 .media-frame.mode-grid .attachments-browser .no-media {
 	color: #999;
 	font-size: 18px;

wp-admin/css/media.css

@@ -513,11 +513,6 @@ border color while dragging a file over the uploader drop area */
 	border: 4px dashed #bbb;
 }
 
-.media-frame.mode-grid .attachments,
-.media-frame.mode-select .attachments {
-	padding: 2px;
-}
-
 .media-frame.mode-select .attachments-browser.fixed .attachments {
 	position: relative;
 	top: 94px; /* prevent jumping up when the toolbar becomes fixed */
@@ -606,6 +601,10 @@ border color while dragging a file over the uploader drop area */
 	padding: 0;
 }
 
+.media-frame.mode-grid .attachments-browser .attachments {
+	padding: 2px;
+}
+
 .media-frame.mode-grid .attachments-browser .no-media {
 	color: #999;
 	font-size: 18px;

wp-includes/css/media-views-rtl.css

@@ -748,7 +748,6 @@
  */
 .attachments {
 	margin: 0;
-	padding: 8px;
 	-webkit-overflow-scrolling: touch;
 }
 
@@ -1038,6 +1037,10 @@
 	margin: 11px 0;
 }
 
+.attachments-browser .attachments {
+	padding: 2px 8px 8px;
+}
+
 .attachments-browser .attachments,
 .attachments-browser .uploader-inline {
 	position: absolute;
@@ -2520,7 +2523,7 @@
 }
 
 .media-frame-content[data-columns="3"] .attachment {
-	width: 33.3%;
+	width: 33.33%;
 }
 
 .media-frame-content[data-columns="4"] .attachment {
@@ -2532,11 +2535,11 @@
 }
 
 .media-frame-content[data-columns="6"] .attachment {
-	width: 16.6%;
+	width: 16.66%;
 }
 
 .media-frame-content[data-columns="7"] .attachment {
-	width: 14.2%;
+	width: 14.28%;
 }
 
 .media-frame-content[data-columns="8"] .attachment {
@@ -2544,7 +2547,7 @@
 }
 
 .media-frame-content[data-columns="9"] .attachment {
-	width: 11.1%;
+	width: 11.11%;
 }
 
 .media-frame-content[data-columns="10"] .attachment {
@@ -2552,9 +2555,9 @@
 }
 
 .media-frame-content[data-columns="11"] .attachment {
-	width: 9%;
+	width: 9.09%;
 }
 
 .media-frame-content[data-columns="12"] .attachment {
-	width: 8.3%;
+	width: 8.33%;
 }

wp-includes/css/media-views.css

@@ -748,7 +748,6 @@
  */
 .attachments {
 	margin: 0;
-	padding: 8px;
 	-webkit-overflow-scrolling: touch;
 }
 
@@ -1038,6 +1037,10 @@
 	margin: 11px 0;
 }
 
+.attachments-browser .attachments {
+	padding: 2px 8px 8px;
+}
+
 .attachments-browser .attachments,
 .attachments-browser .uploader-inline {
 	position: absolute;
@@ -2520,7 +2523,7 @@
 }
 
 .media-frame-content[data-columns="3"] .attachment {
-	width: 33.3%;
+	width: 33.33%;
 }
 
 .media-frame-content[data-columns="4"] .attachment {
@@ -2532,11 +2535,11 @@
 }
 
 .media-frame-content[data-columns="6"] .attachment {
-	width: 16.6%;
+	width: 16.66%;
 }
 
 .media-frame-content[data-columns="7"] .attachment {
-	width: 14.2%;
+	width: 14.28%;
 }
 
 .media-frame-content[data-columns="8"] .attachment {
@@ -2544,7 +2547,7 @@
 }
 
 .media-frame-content[data-columns="9"] .attachment {
-	width: 11.1%;
+	width: 11.11%;
 }
 
 .media-frame-content[data-columns="10"] .attachment {
@@ -2552,9 +2555,9 @@
 }
 
 .media-frame-content[data-columns="11"] .attachment {
-	width: 9%;
+	width: 9.09%;
 }
 
 .media-frame-content[data-columns="12"] .attachment {
-	width: 8.3%;
+	width: 8.33%;
 }