Ticket #30658: 30658.2.diff

src/wp-admin/css/common.css

@@ -954 +954 @@
         margin-right: 20px;
 }
 
+.filter-items {
+        float: left;
+}
+
 .filter-links {
         display: inline-block;
         margin: 0;
@@ -988 +992 @@
 }
 
 .wp-filter .search-form {
-        margin: 10px;
-        position: absolute;
-        right: 0;
-        top: 0;
+        float: right;
+        margin: 10px 0;
 }
 
 .wp-filter .search-form input[type="search"] {
         margin: 0;
         padding: 3px 5px;
-        max-width: 280px;
-        width: 100%;
+        width: 280px;
+        max-width: 100%;
         font-size: 16px;
         font-weight: 300;
         line-height: 1.5;
 }
 
 .wp-filter .search-form select {
+        margin: 0;
         height: 33px;
         vertical-align: top;
 }
@@ -1206 +1209 @@
 }
 
 @media only screen and (max-width: 910px) {
+        .filter-items {
+                float: none;
+        }
+
         .wp-filter .search-form {
                 float: none; /* Remove float from media-views.css */
                 position: relative;

src/wp-admin/css/list-tables.css

@@ -630 +630 @@
 .wp-filter .view-switch {
         display: inline-block;
         vertical-align: middle;
-        padding: 14px 0;
+        padding: 15px 0;
         margin: 0 20px 0 0;
 }
 

src/wp-admin/includes/class-wp-media-list-table.php

@@ -165 +165 @@
                 $views = $this->get_views();
 ?>
 <div class="wp-filter">
-        <?php $this->view_switcher( $mode ); ?>
+        <div class="filter-items">
+                <?php $this->view_switcher( $mode ); ?>
 
-        <select class="attachment-filters" name="attachment-filter">
-                <?php
-                if ( ! empty( $views ) ) {
-                        foreach ( $views as $class => $view ) {
-                                echo "\t$view\n";
+                <select class="attachment-filters" name="attachment-filter">
+                        <?php
+                        if ( ! empty( $views ) ) {
+                                foreach ( $views as $class => $view ) {
+                                        echo "\t$view\n";
+                                }
                         }
-                }
-                ?>
-        </select>
+                        ?>
+                </select>
 
 <?php
-        $this->extra_tablenav( 'bar' );
+                $this->extra_tablenav( 'bar' );
 
-        /** This filter is documented in wp-admin/inclues/class-wp-list-table.php */
-        $views = apply_filters( "views_{$this->screen->id}", array() );
+                /** This filter is documented in wp-admin/inclues/class-wp-list-table.php */
+                $views = apply_filters( "views_{$this->screen->id}", array() );
 
-        // Back compat for pre-4.0 view links.
-        if ( ! empty( $views ) ) {
-                echo '<ul class="filter-links">';
-                foreach ( $views as $class => $view ) {
-                        echo "<li class='$class'>$view</li>";
+                // Back compat for pre-4.0 view links.
+                if ( ! empty( $views ) ) {
+                        echo '<ul class="filter-links">';
+                        foreach ( $views as $class => $view ) {
+                                echo "<li class='$class'>$view</li>";
+                        }
+                        echo '</ul>';
                 }
-                echo '</ul>';
-        }
 ?>
+        </div>
 
         <div class="search-form">
                 <label for="media-search-input" class="screen-reader-text"><?php esc_html_e( 'Search Media' ); ?></label>