Ticket #29556: 29556.3.diff

src/wp-admin/css/common.css

@@ -1017 +1017 @@
 }
 
 .wp-filter .search-form {
-        float: right;
-        margin-top: 9px;
+        margin: 10px;
+        position: absolute;
+        right: 0;
+        top: 0;
 }
 
 .wp-filter .search-form input[type="search"] {
@@ -1083 +1085 @@
 .show-filters .filter-drawer {
         display: block;
         overflow: hidden;
+        width: 100%;
 }
 
 .show-filters .wp-filter .drawer-toggle:hover,
@@ -1113 +1116 @@
         float: left;
         margin: 0 1% 0 0;
         padding: 10px;
-        width: 19%;
+        width: 24%;
         background: #fff;
         border: 1px solid #e5e5e5;
         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
 }
 
-.filter-group.wide {
-        width: 38%;
-}
-
 .filter-group h4 {
         position: relative;
         margin: 0;
@@ -1219 +1218 @@
 }
 
 @media only screen and (max-width: 1120px) {
-        .wp-filter .search-form {
-                float: none;
-                margin: 20px 0;
-        }
-
         .filter-drawer {
                 border-bottom: 1px solid #eee;
         }
@@ -1239 +1233 @@
         }
 }
 
+@media only screen and (max-width: 910px) {
+        .wp-filter .search-form {
+                float: none; /* Remove float from media-views.css */
+                position: relative;
+                margin: 20px 0;
+        }
+}
+
 @media only screen and (max-width: 782px) {
-        .filter-group,
         .filter-group li {
-                width: 100%;
+                padding: 0;
+                width: 50%;
         }
-
 }
 
+@media only screen and (max-width: 320px) {
+        .filter-count {
+                display: none;
+        }
+
+        .wp-filter .drawer-toggle {
+                margin: 10px 0;
+        }
+
+        .filter-group li,
+        .wp-filter .search-form input[type="search"] {
+                width: 100%;
+        }
+}
 
 /*------------------------------------------------------------------------------
   4.0 - Notifications

src/wp-admin/css/themes.css

@@ -1729 +1729 @@
         .available-theme .action-links .delete-theme a {
                 padding: 0;
         }
+
+        .theme-install-overlay .wp-full-overlay-header .theme-install {
+                margin-top: 2px;
+        }
 }

src/wp-admin/theme-install.php

@@ -145 +145 @@
                 <?php
                 $feature_list = get_theme_feature_list();
                 foreach ( $feature_list as $feature_name => $features ) {
-                        if ( $feature_name === 'Features' || $feature_name === __( 'Features' ) ) { // hack hack hack
-                                echo '<div class="filter-group wide">';
-                        } else {
-                                echo '<div class="filter-group">';
-                        }
+                        echo '<div class="filter-group">';
+
                         $feature_name = esc_html( $feature_name );
                         echo '<h4>' . $feature_name . '</h4>';
                         echo '<ol class="feature-group">';

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

@@ -2143 +2143 @@
 }
 
 @media only screen and (max-width: 940px) {
-        .media-frame-content .media-toolbar-primary .search,
         .media-frame-content .media-toolbar-secondary .attachment-filters {
                 max-width: 134px;
         }
@@ -2462 +2461 @@
 }
 
 @media only screen and (max-width: 480px) {
-        .media-frame-content .media-toolbar .search,
         .media-frame-content .media-toolbar .attachment-filters {
                 max-width: 90px;
         }