Change Apply N Filters design

gistfile1.txt

diff --git a/pontoon/base/static/css/translate.css b/pontoon/base/static/css/translate.css
index 57e3a1a..bd568fb 100644
--- a/pontoon/base/static/css/translate.css
+++ b/pontoon/base/static/css/translate.css
@@ -937,14 +937,18 @@ body > header aside p {
 }
 
 #filter .apply-selected {
-  display: block;
-  width: 100%;
+  background: #272A2F;
   border-bottom: 1px solid #5E6475;
+  height: 44px;
+  left: 0px;
+  padding: 12px;
+  position: absolute;
   text-align: right;
   text-transform: uppercase;
-  margin-bottom: 10px;
-  padding-bottom: 5px;
-  background: none;
+  width: 350px;
+
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #filter .apply-selected:hover, #filter .apply-selected .applied-count {
diff --git a/pontoon/base/templates/translate.html b/pontoon/base/templates/translate.html
index 12d889c..eb6ffb2 100755
--- a/pontoon/base/templates/translate.html
+++ b/pontoon/base/templates/translate.html
@@ -151,16 +151,16 @@
         <div class="button selector all">
           <span class="status fa"></span>
         </div>
+        <a class="apply-selected" href="#apply-selected" title="Apply Selected Filters">
+          <span class="fa fa-check fa-lg"></span>
+          Apply
+          <span class="applied-count"></span>
+          <span class="variant">
+            <span class="singular">filter</span>
+            <span class="plural">filters</span>
+          </span>
+        </a>
         <div class="menu">
-          <a class="apply-selected" href="#apply-selected" title="Apply Selected Filters">
-            <span class="fa fa-check fa-lg"></span>
-            Apply
-            <span class="applied-count"></span>
-            <span class="variant">
-              <span class="singular">filter</span>
-              <span class="plural">filters</span>
-            </span>
-          </a>
           <ul>
             <li class="horizontal-separator">Translation Status</li>