Ticket #22446: 22446-icon-placement-v7.diff

wp-includes/css/media-views.css

@@ -476 +476 @@
         margin: 0 10px 20px;
         color: #464646;
         list-style: none;
+        text-align: center;
 
         -webkit-user-select: none;
         -moz-user-select:    none;
@@ -507 +508 @@
         cursor: pointer;
 }
 
-.attachment .icon,
+.attachment .icon {
+        margin: 0 auto;
+        overflow: hidden;
+        padding-top: 20%;
+}
+
 .attachment .thumbnail {
         display: block;
         position: absolute;
@@ -519 +525 @@
         max-height: 100%;
 }
 
-/* Vertically center the icons. */
-.attachment .icon {
-        top: 50%;
-        left: 50%;
-}
-
 .attachment-preview .thumbnail:after {
         content: '';
         display: block;
@@ -555 +555 @@
         transform:         translate( 50%, 50% );
 }
 
-.attachment .icon,
 .attachment .thumbnail .centered img {
         -webkit-transform: translate( -50%, -50% );
         -moz-transform:    translate( -50%, -50% );
@@ -1030 +1029 @@
         vertical-align: top;
 }
 
+.media-selection .attachment img {
+        width: 50%;
+}
+
 .attachment.selection.selected {
         box-shadow: none;
 }