updating filter button styles on view directory pages

web/themes/asc_bootstrap/assets/sass/components/_filters.scss

@@ -27,8 +27,8 @@
     position: absolute;
     width: 1px;
   }
-}
 
+}
 
 
 // --------------------------------------------------
@@ -94,7 +94,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;
@@ -162,7 +175,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;
@@ -256,7 +282,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;
@@ -330,7 +369,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;
@@ -403,7 +455,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;
@@ -448,7 +513,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;
@@ -516,7 +594,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;
@@ -611,7 +702,20 @@
   }
 
   .form-actions {
-    min-width: 50%;
+
+    .form-submit {
+      float: right;
+    }
+
+    .btn-primary {
+      background-color: #26686d;
+      border-color: #225d62;
+
+      &:hover {
+        background-color: #1b494c;
+        border-color: #1e5357;
+      }
+    }
 
     .button {
       text-transform: uppercase;