Ticket #28851: 28851.4.diff

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

@@ -1021 +1021 @@
         outline: none;
 }
 
+.attachments-browser .uploader-inline {
+        border: 4px dashed #bbb;
+}
+
 .attachments-browser .uploader-inline:not(.hidden) + .attachments {
         top: 350px;
 }
@@ -1039 +1043 @@
         cursor: pointer;
         height: 48px;
         position: absolute;
-        right: 20px;
+        right: 0;
         text-align: center;
-        top: 20px;
+        top: 0;
         width: 50px;
         z-index: 1;
 }
@@ -1338 +1342 @@
 }
 
 .media-frame .uploader-inline {
-        margin: 20px;
-        padding: 20px;
+        margin-bottom: 20px;
+        padding: 0;
         text-align: center;
 }
 
@@ -1351 +1355 @@
 }
 
 .uploader-inline-content .upload-ui {
-        margin: 4em 0;
+        margin: 2em 0;
 }
 
 .uploader-inline-content .post-upload-ui {
@@ -1366 +1370 @@
         font-size: 20px;
         line-height: 28px;
         font-weight: 400;
-        margin-bottom: 1.6em;
+        margin: 0;
 }
 
 .uploader-inline .has-upload-message .upload-instructions {
@@ -1385 +1389 @@
 
 .uploader-inline p {
         font-size: 12px;
+        margin: 0.5em 0;
 }
 
 .uploader-inline .media-progress-bar {

src/wp-includes/media-template.php

@@ -177 +177 @@
 
                 <?php else : ?>
                         <div class="upload-ui">
-                                <h3 class="upload-instructions drop-instructions"><?php _e( 'Drop files anywhere to upload' ); ?></h3>
-                                <a href="#" class="browser button button-hero"><?php _e( 'Select Files' ); ?></a>
+                                <h3 class="upload-instructions drop-instructions"><?php _e( 'Drop files here' ); ?></h3>
+                                <p><?php _e( 'or' ); ?></p>
+                                <a href="#" class="browser button"><?php _e( 'Select Files' ); ?></a>
                         </div>
 
                         <div class="upload-inline-status"></div>