Styling tweaks

styles/components/_search_bar.scss

@@ -6,10 +6,18 @@
   padding: $gap;
   flex-wrap: wrap;
 
+  @include media($large-screen) {
+    flex-wrap: nowrap;
+  }
+
+  .search-bar__filters {
+    display: flex;
+  }
+
   .usa-input {
     margin: 0;
     flex-grow: 1;
-    flex-shrink: 0;
+    flex-shrink: 1;
     flex-basis: 100%;
     height: $search-input-height;
     position: relative;

templates/requests/index.html

@@ -94,6 +94,7 @@
           </button>
         </div>
 
+        <div class="search-bar__filters">
           <div class='usa-input'>
             <label for='filter-status'>Filter requests by status</label>
             <select v-model="statusValue" id="filter-status" name="filter-status">
@@ -111,6 +112,7 @@
               <option v-for="dodComponent in dodComponents" :value="dodComponent">!{ dodComponent }</option>
             </select>
           </div>
+        </div>
       </form>
     {% endif %}