From 42c60bd019d1efeb10e317980556d666fb15f757 Mon Sep 17 00:00:00 2001
From: Luis Cielak <luis+dds@promptworks.com>
Date: Fri, 27 Jul 2018 10:31:46 -0400
Subject: [PATCH 1/2] Add filter dropdown to panel actions

---
 scss/core/_grid.scss       | 2 +-
 templates/requests.html.to | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/scss/core/_grid.scss b/scss/core/_grid.scss
index b24327c3..639deec5 100644
--- a/scss/core/_grid.scss
+++ b/scss/core/_grid.scss
@@ -15,7 +15,7 @@
 }
 
 @mixin grid-pad {
-  @include padding(null $site-margins-mobile);
+  @include padding($site-margins-mobile);
 
   @include media($medium-screen) {
     @include padding(null $site-margins);
diff --git a/templates/requests.html.to b/templates/requests.html.to
index 1814da3f..fbdc430f 100644
--- a/templates/requests.html.to
+++ b/templates/requests.html.to
@@ -20,6 +20,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>
 

From 318a030a8fdc18d1d1dd29b3d63b02e91cc03973 Mon Sep 17 00:00:00 2001
From: Luis Cielak <luis+dds@promptworks.com>
Date: Fri, 27 Jul 2018 10:47:08 -0400
Subject: [PATCH 2/2] Add padding to panel actions container

---
 scss/core/_grid.scss       | 2 +-
 scss/elements/_panels.scss | 9 +++++++++
 templates/requests.html.to | 2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/scss/core/_grid.scss b/scss/core/_grid.scss
index 639deec5..b24327c3 100644
--- a/scss/core/_grid.scss
+++ b/scss/core/_grid.scss
@@ -15,7 +15,7 @@
 }
 
 @mixin grid-pad {
-  @include padding($site-margins-mobile);
+  @include padding(null $site-margins-mobile);
 
   @include media($medium-screen) {
     @include padding(null $site-margins);
diff --git a/scss/elements/_panels.scss b/scss/elements/_panels.scss
index e1fc6e2f..af5decf4 100644
--- a/scss/elements/_panels.scss
+++ b/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;
+}
+
diff --git a/templates/requests.html.to b/templates/requests.html.to
index fbdc430f..44cb9f9b 100644
--- a/templates/requests.html.to
+++ b/templates/requests.html.to
@@ -9,7 +9,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">