Merge pull request #101 from dod-ccpo/ui/requests-actions

Add filter dropdown to panel actions

scss/elements/_panels.scss

@@ -29,6 +29,10 @@
   }
 }
 
+@mixin panel-actions {
+  padding: $gap;
+}
+
 .panel {
   @include panel-base;
   @include panel-theme-default;
@@ -56,3 +60,8 @@
     }
   }
 }
+
+.panel__actions {
+  @include panel-actions;
+}
+

templates/requests.html.to

@@ -38,7 +38,7 @@
 
 <div class="col col--grow">
 
-  <div class='panel'>
+  <div class='panel panel__actions'>
     <div class='row'>
       <div class='col col--grow col--pad'>
         <form class="usa-search usa-search-small">
@@ -49,6 +49,14 @@
           </button>
         </form>
       </div>
+      <div class='col col--grow col--pad'>
+        <select id="filter_status" name="filter_status" required="">
+          <option value="" selected disabled>Filter by status</option>
+          <option value="">Active</option>
+          <option value="">Pending</option>
+          <option value="">Denied</option>
+        </select>
+      </div>
     </div>
   </div>