Ticket #40220: 40220.3.diff

src/wp-admin/css/customize-controls.css

@@ -710 +710 @@
         padding-top: 7px;
 }
 
-.customize-control .thumbnail-image {
+.customize-control .thumbnail-image,
+.customize-control-header .current,
+.customize-control .wp-media-wrapper.wp-video {
         line-height: 0;
 }
 
@@ -932 +934 @@
 
 /* Media controls */
 
-.customize-control .attachment-media-view .actions {
-        margin-top: 8px;
+.customize-control .actions .button {
+        margin-top: 12px;
 }
 
-.customize-control-header .current {
-        margin-bottom: 8px;
-}
-
 .customize-control-header .actions,
 .customize-control-header .uploaded {
         margin-bottom: 18px;
@@ -965 +963 @@
 .customize-control .attachment-media-view .upload-button,
 .customize-control-header button.new,
 .customize-control-header button.remove {
+        width: auto;
+        height: auto;
         white-space: normal;
-        width: 48%;
-        height: auto;
 }
 
 .customize-control .attachment-media-view .thumbnail,
@@ -1013 +1011 @@
 .customize-control-header .header-view {
         position: relative;
         width: 100%;
-        margin-bottom: 5px;
+        margin-bottom: 12px;
 }
 
 .customize-control-header .header-view:last-child {
@@ -1137 +1135 @@
 .customize-control .attachment-media-view .remove-button,
 .customize-control .attachment-media-view .default-button,
 .customize-control-header .remove {
-        float: left;
-        margin-right: 3px;
+        margin-right: 8px;
 }
 
-.customize-control .attachment-media-view .upload-button,
-.customize-control-header .new {
-        float: right;
-}
-
 /* Background position control */
 .customize-control-background_position .background-position-control .button-group {
         display: block;

src/wp-admin/css/widgets.css

@@ -68 +68 @@
 
 .media-widget-buttons {
         text-align: left;
-        margin-bottom: 10px;
+        margin-top: 0;
 }
 
 .media-widget-control .media-widget-buttons .button {
-        margin-left: 8px;
         width: auto;
+        height: auto;
+        margin-top: 12px;
+        white-space: normal;
 }
-.media-widget-control:not(.selected) .media-widget-buttons .button,
+
 .media-widget-buttons .button:first-child {
-        margin-left: 0;
+        margin-right: 8px;
 }
 
 .media-widget-control .placeholder {