Ticket #57949: 57949.1.diff

src/wp-admin/css/media.css

@@ -583 +583 @@
         margin-top: 0;
 }
 
+.media-frame-content .media-search-input-label {
+        margin: 0 .2em 0 0;
+        vertical-align: baseline;
+}
+
+.media-frame.mode-grid .media-search-input-label {
+        position: static;
+        margin: 0 .5em 0 0;
+}
+
 .attachments-browser .media-toolbar-secondary > .media-button {
         margin-right: 10px;
 }
@@ -1334 +1344 @@
 /**
  * Media queries for media grid.
  */
-
 @media only screen and (max-width: 1120px) {
         /* override for media-views.css */
         #wp-media-grid .wp-filter .attachment-filters {
@@ -1342 +1351 @@
         }
 }
 
+@media only screen and (max-width: 1000px) {
+        /* override for forms.css */
+        .wp-filter p.search-box {
+                float: none;
+                width: 100%;
+                margin-bottom: 20px;
+                display: flex;
+        }
+
+}
+
 @media only screen and (max-width: 782px) {
         .media-frame.mode-select .attachments-browser.fixed .media-toolbar {
                 top: 46px;

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

@@ -281 +281 @@
         width: calc(48% - 12px);
 }
 
-.media-modal-content .attachments-browser .search {
-        width: 100%;
-}
-
 /* higher specificity */
 .wp-core-ui .media-modal-icon {
         background-image: url(../images/uploader-icons.png);
@@ -924 +920 @@
         max-width: 100%;
 }
 
+.media-modal .media-frame .media-search-input-label {
+        position: absolute;
+        left: 0;
+        top: 10px;
+        margin: 0;
+        line-height: 1;
+}
+
 /**
  * Attachments
  */