From 7ddd8839f126ca4c9dc37c200fa1124ad7f8f3f7 Mon Sep 17 00:00:00 2001
From: Brian Canini <canini.16@osu.edu>
Date: Tue, 29 Sep 2020 10:26:27 -0400
Subject: [PATCH] updating filter button styles on view directory pages

---
 .../assets/sass/components/_filters.scss      | 122 ++++++-
 web/themes/asc_bootstrap/css/style.css        | 318 +++++++++++-------
 2 files changed, 312 insertions(+), 128 deletions(-)

diff --git a/web/themes/asc_bootstrap/assets/sass/components/_filters.scss b/web/themes/asc_bootstrap/assets/sass/components/_filters.scss
index 26dd3f734a..35301c7700 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_filters.scss
+++ b/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;
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index 0381a5ea33..b186a7a6d9 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -10459,512 +10459,592 @@ article .field--name-body {
     width: 100%;
   }
 }
-/* line 96, ../assets/sass/components/_filters.scss */
-.view-courses .form-actions {
-  min-width: 50%;
+/* line 98, ../assets/sass/components/_filters.scss */
+.view-courses .form-actions .form-submit {
+  float: right;
+}
+/* line 102, ../assets/sass/components/_filters.scss */
+.view-courses .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
+}
+/* line 106, ../assets/sass/components/_filters.scss */
+.view-courses .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
 }
-/* line 99, ../assets/sass/components/_filters.scss */
+/* line 112, ../assets/sass/components/_filters.scss */
 .view-courses .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
 }
 
-/* line 113, ../assets/sass/components/_filters.scss */
+/* line 126, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .view-filters {
   background: #D8D8D8;
   padding: 10px;
 }
-/* line 118, ../assets/sass/components/_filters.scss */
+/* line 131, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .filter-heading {
   color: #225D62;
   width: 100%;
 }
-/* line 123, ../assets/sass/components/_filters.scss */
+/* line 136, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-item {
   width: 100%;
   margin: 10px 0;
 }
-/* line 128, ../assets/sass/components/_filters.scss */
+/* line 141, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-type-textfield {
   width: 100%;
   background: transparent;
   padding: 0;
 }
-/* line 133, ../assets/sass/components/_filters.scss */
+/* line 146, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-type-textfield label {
   display: none;
 }
-/* line 137, ../assets/sass/components/_filters.scss */
+/* line 150, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-type-textfield .form-control {
   width: 100%;
   border-radius: 0;
 }
-/* line 143, ../assets/sass/components/_filters.scss */
+/* line 156, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-type-textfield {
   margin-right: 10px;
 }
-/* line 146, ../assets/sass/components/_filters.scss */
+/* line 159, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-type-textfield input {
   min-width: 250px;
 }
-/* line 151, ../assets/sass/components/_filters.scss */
+/* line 164, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .select-wrapper {
   width: 100%;
 }
-/* line 154, ../assets/sass/components/_filters.scss */
+/* line 167, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .select-wrapper select {
   min-width: 100%;
 }
-/* line 158, ../assets/sass/components/_filters.scss */
+/* line 171, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .select-wrapper:after {
   color: #555555;
   font-size: 12px;
 }
-/* line 164, ../assets/sass/components/_filters.scss */
-.view-display-id-page_3 .form-actions {
-  min-width: 50%;
+/* line 179, ../assets/sass/components/_filters.scss */
+.view-display-id-page_3 .form-actions .form-submit {
+  float: right;
 }
-/* line 167, ../assets/sass/components/_filters.scss */
+/* line 183, ../assets/sass/components/_filters.scss */
+.view-display-id-page_3 .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
+}
+/* line 187, ../assets/sass/components/_filters.scss */
+.view-display-id-page_3 .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
+}
+/* line 193, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
 }
-/* line 174, ../assets/sass/components/_filters.scss */
+/* line 200, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .views-row .views-col {
   background: #F9F9F9;
   border: #DDD solid 1px;
   padding: 20px;
   margin-bottom: 15px;
 }
-/* line 182, ../assets/sass/components/_filters.scss */
+/* line 208, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-item-field-research-departments-target-id-all {
   display: none;
 }
-/* line 186, ../assets/sass/components/_filters.scss */
+/* line 212, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-item-field-research-other-target-id-all {
   display: none;
 }
-/* line 190, ../assets/sass/components/_filters.scss */
+/* line 216, ../assets/sass/components/_filters.scss */
 .view-display-id-page_3 .form-item-field-research-year-target-id-all {
   display: none;
 }
 
-/* line 201, ../assets/sass/components/_filters.scss */
+/* line 227, ../assets/sass/components/_filters.scss */
 .view-events .view-filters {
   background: #D8D8D8;
   padding: 10px 20px;
 }
-/* line 206, ../assets/sass/components/_filters.scss */
+/* line 232, ../assets/sass/components/_filters.scss */
 .view-events .filter-heading {
   color: #225D62;
   width: 100%;
 }
-/* line 211, ../assets/sass/components/_filters.scss */
+/* line 237, ../assets/sass/components/_filters.scss */
 .view-events .filter-spacer {
   display: none;
 }
 @media (max-width: 1200px) {
-  /* line 211, ../assets/sass/components/_filters.scss */
+  /* line 237, ../assets/sass/components/_filters.scss */
   .view-events .filter-spacer {
     display: block;
   }
 }
-/* line 219, ../assets/sass/components/_filters.scss */
+/* line 245, ../assets/sass/components/_filters.scss */
 .view-events .select-wrapper {
   margin-right: 10px;
 }
-/* line 222, ../assets/sass/components/_filters.scss */
+/* line 248, ../assets/sass/components/_filters.scss */
 .view-events .select-wrapper select {
   min-width: 250px;
 }
 @media (max-width: 1200px) {
-  /* line 222, ../assets/sass/components/_filters.scss */
+  /* line 248, ../assets/sass/components/_filters.scss */
   .view-events .select-wrapper select {
     margin-top: 10px;
     min-width: 273px;
   }
 }
 @media (max-width: 768px) {
-  /* line 222, ../assets/sass/components/_filters.scss */
+  /* line 248, ../assets/sass/components/_filters.scss */
   .view-events .select-wrapper select {
     margin-top: 0;
     min-width: 0;
   }
 }
-/* line 236, ../assets/sass/components/_filters.scss */
+/* line 262, ../assets/sass/components/_filters.scss */
 .view-events .select-wrapper:after {
   color: #555555;
   font-size: 12px;
 }
 @media (max-width: 768px) {
-  /* line 219, ../assets/sass/components/_filters.scss */
+  /* line 245, ../assets/sass/components/_filters.scss */
   .view-events .select-wrapper {
     width: 100%;
   }
 }
-/* line 246, ../assets/sass/components/_filters.scss */
+/* line 272, ../assets/sass/components/_filters.scss */
 .view-events .form-type-textfield {
   margin-right: 10px;
 }
-/* line 249, ../assets/sass/components/_filters.scss */
+/* line 275, ../assets/sass/components/_filters.scss */
 .view-events .form-type-textfield input {
   min-width: 250px;
 }
 @media (max-width: 768px) {
-  /* line 246, ../assets/sass/components/_filters.scss */
+  /* line 272, ../assets/sass/components/_filters.scss */
   .view-events .form-type-textfield {
     width: 100%;
   }
 }
-/* line 258, ../assets/sass/components/_filters.scss */
-.view-events .form-actions {
-  min-width: 50%;
+/* line 286, ../assets/sass/components/_filters.scss */
+.view-events .form-actions .form-submit {
+  float: right;
+}
+/* line 290, ../assets/sass/components/_filters.scss */
+.view-events .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
 }
-/* line 261, ../assets/sass/components/_filters.scss */
+/* line 294, ../assets/sass/components/_filters.scss */
+.view-events .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
+}
+/* line 300, ../assets/sass/components/_filters.scss */
 .view-events .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
 }
 
-/* line 274, ../assets/sass/components/_filters.scss */
+/* line 313, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .control-label {
   display: none;
 }
-/* line 278, ../assets/sass/components/_filters.scss */
+/* line 317, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .view-filters {
   background: #D8D8D8;
   padding: 20px 15px 15px;
 }
-/* line 283, ../assets/sass/components/_filters.scss */
+/* line 322, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .filter-heading {
   color: #225D62;
   width: 100%;
 }
-/* line 288, ../assets/sass/components/_filters.scss */
+/* line 327, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .filter-spacer {
   width: 100%;
   margin-top: 15px;
 }
-/* line 293, ../assets/sass/components/_filters.scss */
+/* line 332, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .select-wrapper {
   margin-right: 10px;
 }
-/* line 296, ../assets/sass/components/_filters.scss */
+/* line 335, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .select-wrapper select {
   min-width: 250px;
 }
 @media (max-width: 1200px) {
-  /* line 296, ../assets/sass/components/_filters.scss */
+  /* line 335, ../assets/sass/components/_filters.scss */
   .view-gallery-directory .select-wrapper select {
     margin-top: 10px;
     min-width: 273px;
   }
 }
 @media (max-width: 768px) {
-  /* line 296, ../assets/sass/components/_filters.scss */
+  /* line 335, ../assets/sass/components/_filters.scss */
   .view-gallery-directory .select-wrapper select {
     margin-top: 0;
     min-width: 0;
   }
 }
-/* line 310, ../assets/sass/components/_filters.scss */
+/* line 349, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .select-wrapper:after {
   color: #555555;
   font-size: 12px;
 }
 @media (max-width: 768px) {
-  /* line 293, ../assets/sass/components/_filters.scss */
+  /* line 332, ../assets/sass/components/_filters.scss */
   .view-gallery-directory .select-wrapper {
     width: 100%;
   }
 }
-/* line 320, ../assets/sass/components/_filters.scss */
+/* line 359, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .form-type-textfield {
   margin-right: 10px;
 }
-/* line 323, ../assets/sass/components/_filters.scss */
+/* line 362, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .form-type-textfield input {
   min-width: 250px;
 }
 @media (max-width: 768px) {
-  /* line 320, ../assets/sass/components/_filters.scss */
+  /* line 359, ../assets/sass/components/_filters.scss */
   .view-gallery-directory .form-type-textfield {
     width: 100%;
   }
 }
-/* line 332, ../assets/sass/components/_filters.scss */
-.view-gallery-directory .form-actions {
-  min-width: 50%;
+/* line 373, ../assets/sass/components/_filters.scss */
+.view-gallery-directory .form-actions .form-submit {
+  float: right;
 }
-/* line 335, ../assets/sass/components/_filters.scss */
+/* line 377, ../assets/sass/components/_filters.scss */
+.view-gallery-directory .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
+}
+/* line 381, ../assets/sass/components/_filters.scss */
+.view-gallery-directory .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
+}
+/* line 387, ../assets/sass/components/_filters.scss */
 .view-gallery-directory .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
 }
 
-/* line 348, ../assets/sass/components/_filters.scss */
+/* line 400, ../assets/sass/components/_filters.scss */
 .view-news .view-filters {
   background: #D8D8D8;
   padding: 10px;
 }
-/* line 353, ../assets/sass/components/_filters.scss */
+/* line 405, ../assets/sass/components/_filters.scss */
 .view-news .filter-heading {
   color: #225D62;
   width: 100%;
 }
-/* line 358, ../assets/sass/components/_filters.scss */
+/* line 410, ../assets/sass/components/_filters.scss */
 .view-news .filter-spacer {
   display: none;
 }
 @media (max-width: 1200px) {
-  /* line 358, ../assets/sass/components/_filters.scss */
+  /* line 410, ../assets/sass/components/_filters.scss */
   .view-news .filter-spacer {
     display: block;
   }
 }
-/* line 366, ../assets/sass/components/_filters.scss */
+/* line 418, ../assets/sass/components/_filters.scss */
 .view-news .select-wrapper {
   margin-right: 10px;
 }
-/* line 369, ../assets/sass/components/_filters.scss */
+/* line 421, ../assets/sass/components/_filters.scss */
 .view-news .select-wrapper select {
   min-width: 250px;
 }
 @media (max-width: 1200px) {
-  /* line 369, ../assets/sass/components/_filters.scss */
+  /* line 421, ../assets/sass/components/_filters.scss */
   .view-news .select-wrapper select {
     margin-top: 10px;
     min-width: 273px;
   }
 }
 @media (max-width: 768px) {
-  /* line 369, ../assets/sass/components/_filters.scss */
+  /* line 421, ../assets/sass/components/_filters.scss */
   .view-news .select-wrapper select {
     margin-top: 0;
     min-width: 0;
   }
 }
-/* line 383, ../assets/sass/components/_filters.scss */
+/* line 435, ../assets/sass/components/_filters.scss */
 .view-news .select-wrapper:after {
   color: #555555;
   font-size: 12px;
 }
 @media (max-width: 768px) {
-  /* line 366, ../assets/sass/components/_filters.scss */
+  /* line 418, ../assets/sass/components/_filters.scss */
   .view-news .select-wrapper {
     width: 100%;
   }
 }
-/* line 393, ../assets/sass/components/_filters.scss */
+/* line 445, ../assets/sass/components/_filters.scss */
 .view-news .form-type-textfield {
   margin-right: 10px;
 }
-/* line 396, ../assets/sass/components/_filters.scss */
+/* line 448, ../assets/sass/components/_filters.scss */
 .view-news .form-type-textfield input {
   min-width: 250px;
 }
 @media (max-width: 768px) {
-  /* line 393, ../assets/sass/components/_filters.scss */
+  /* line 445, ../assets/sass/components/_filters.scss */
   .view-news .form-type-textfield {
     width: 100%;
   }
 }
-/* line 405, ../assets/sass/components/_filters.scss */
-.view-news .form-actions {
-  min-width: 50%;
+/* line 459, ../assets/sass/components/_filters.scss */
+.view-news .form-actions .form-submit {
+  float: right;
+}
+/* line 463, ../assets/sass/components/_filters.scss */
+.view-news .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
+}
+/* line 467, ../assets/sass/components/_filters.scss */
+.view-news .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
 }
-/* line 408, ../assets/sass/components/_filters.scss */
+/* line 473, ../assets/sass/components/_filters.scss */
 .view-news .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
 }
 
-/* line 420, ../assets/sass/components/_filters.scss */
+/* line 485, ../assets/sass/components/_filters.scss */
 .view-research-project-directory .view-filters {
   background: #D8D8D8;
   padding: 10px;
 }
-/* line 425, ../assets/sass/components/_filters.scss */
+/* line 490, ../assets/sass/components/_filters.scss */
 .view-research-project-directory .filter-heading {
   color: #225D62;
   width: 100%;
 }
-/* line 430, ../assets/sass/components/_filters.scss */
+/* line 495, ../assets/sass/components/_filters.scss */
 .view-research-project-directory .form-type-textfield {
   margin-right: 10px;
 }
-/* line 433, ../assets/sass/components/_filters.scss */
+/* line 498, ../assets/sass/components/_filters.scss */
 .view-research-project-directory .form-type-textfield input {
   min-width: 250px;
 }
-/* line 440, ../assets/sass/components/_filters.scss */
+/* line 505, ../assets/sass/components/_filters.scss */
 .view-research-project-directory .select-wrapper select {
   min-width: 250px;
 }
-/* line 444, ../assets/sass/components/_filters.scss */
+/* line 509, ../assets/sass/components/_filters.scss */
 .view-research-project-directory .select-wrapper:after {
   color: #555555;
   font-size: 12px;
 }
-/* line 450, ../assets/sass/components/_filters.scss */
-.view-research-project-directory .form-actions {
-  min-width: 50%;
+/* line 517, ../assets/sass/components/_filters.scss */
+.view-research-project-directory .form-actions .form-submit {
+  float: right;
+}
+/* line 521, ../assets/sass/components/_filters.scss */
+.view-research-project-directory .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
+}
+/* line 525, ../assets/sass/components/_filters.scss */
+.view-research-project-directory .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
 }
-/* line 453, ../assets/sass/components/_filters.scss */
+/* line 531, ../assets/sass/components/_filters.scss */
 .view-research-project-directory .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
 }
 
-/* line 466, ../assets/sass/components/_filters.scss */
+/* line 544, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .view-filters {
   background: #D8D8D8;
   padding: 10px;
 }
-/* line 471, ../assets/sass/components/_filters.scss */
+/* line 549, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .filter-heading {
   color: #225D62;
   width: 100%;
 }
-/* line 476, ../assets/sass/components/_filters.scss */
+/* line 554, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-item {
   background: #ffffff;
   padding: 5px 10px;
   border-radius: 8px;
   margin: 10px 0;
 }
-/* line 483, ../assets/sass/components/_filters.scss */
+/* line 561, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-type-textfield {
   width: 100%;
   background: transparent;
   padding: 0;
 }
-/* line 488, ../assets/sass/components/_filters.scss */
+/* line 566, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-type-textfield label {
   display: none;
 }
-/* line 492, ../assets/sass/components/_filters.scss */
+/* line 570, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-type-textfield .form-control {
   width: 100%;
   border-radius: 0;
 }
-/* line 498, ../assets/sass/components/_filters.scss */
+/* line 576, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-type-textfield {
   margin-right: 10px;
 }
-/* line 501, ../assets/sass/components/_filters.scss */
+/* line 579, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-type-textfield input {
   min-width: 250px;
 }
-/* line 508, ../assets/sass/components/_filters.scss */
+/* line 586, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .select-wrapper select {
   min-width: 250px;
 }
-/* line 512, ../assets/sass/components/_filters.scss */
+/* line 590, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .select-wrapper:after {
   color: #555555;
   font-size: 12px;
 }
-/* line 518, ../assets/sass/components/_filters.scss */
-.view-research-project-directory-mobile .form-actions {
-  min-width: 50%;
+/* line 598, ../assets/sass/components/_filters.scss */
+.view-research-project-directory-mobile .form-actions .form-submit {
+  float: right;
 }
-/* line 521, ../assets/sass/components/_filters.scss */
+/* line 602, ../assets/sass/components/_filters.scss */
+.view-research-project-directory-mobile .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
+}
+/* line 606, ../assets/sass/components/_filters.scss */
+.view-research-project-directory-mobile .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
+}
+/* line 612, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
 }
-/* line 528, ../assets/sass/components/_filters.scss */
+/* line 619, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .views-row .views-col {
   background: #F9F9F9;
   border: #DDD solid 1px;
   padding: 20px;
   margin-bottom: 15px;
 }
-/* line 536, ../assets/sass/components/_filters.scss */
+/* line 627, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-item-field-research-departments-target-id-all {
   display: none;
 }
-/* line 540, ../assets/sass/components/_filters.scss */
+/* line 631, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-item-field-research-other-target-id-all {
   display: none;
 }
-/* line 544, ../assets/sass/components/_filters.scss */
+/* line 635, ../assets/sass/components/_filters.scss */
 .view-research-project-directory-mobile .form-item-field-research-year-target-id-all {
   display: none;
 }
 
-/* line 555, ../assets/sass/components/_filters.scss */
+/* line 646, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .control-label {
   display: none;
 }
-/* line 559, ../assets/sass/components/_filters.scss */
+/* line 650, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .view-filters {
   background: #D8D8D8;
   padding: 20px 15px 15px;
 }
-/* line 564, ../assets/sass/components/_filters.scss */
+/* line 655, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .filter-heading {
   color: #225D62;
   width: 100%;
 }
-/* line 569, ../assets/sass/components/_filters.scss */
+/* line 660, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .filter-spacer {
   width: 100%;
   margin-top: 15px;
 }
-/* line 574, ../assets/sass/components/_filters.scss */
+/* line 665, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .select-wrapper {
   margin-right: 10px;
 }
-/* line 577, ../assets/sass/components/_filters.scss */
+/* line 668, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .select-wrapper select {
   min-width: 250px;
 }
 @media (max-width: 1200px) {
-  /* line 577, ../assets/sass/components/_filters.scss */
+  /* line 668, ../assets/sass/components/_filters.scss */
   .view-research-project-gallery .select-wrapper select {
     margin-top: 10px;
     min-width: 273px;
   }
 }
 @media (max-width: 768px) {
-  /* line 577, ../assets/sass/components/_filters.scss */
+  /* line 668, ../assets/sass/components/_filters.scss */
   .view-research-project-gallery .select-wrapper select {
     margin-top: 0;
     min-width: 0;
   }
 }
-/* line 591, ../assets/sass/components/_filters.scss */
+/* line 682, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .select-wrapper:after {
   color: #555555;
   font-size: 12px;
 }
 @media (max-width: 768px) {
-  /* line 574, ../assets/sass/components/_filters.scss */
+  /* line 665, ../assets/sass/components/_filters.scss */
   .view-research-project-gallery .select-wrapper {
     width: 100%;
   }
 }
-/* line 601, ../assets/sass/components/_filters.scss */
+/* line 692, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .form-type-textfield {
   margin-right: 10px;
 }
-/* line 604, ../assets/sass/components/_filters.scss */
+/* line 695, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .form-type-textfield input {
   min-width: 250px;
 }
 @media (max-width: 768px) {
-  /* line 601, ../assets/sass/components/_filters.scss */
+  /* line 692, ../assets/sass/components/_filters.scss */
   .view-research-project-gallery .form-type-textfield {
     width: 100%;
   }
 }
-/* line 613, ../assets/sass/components/_filters.scss */
-.view-research-project-gallery .form-actions {
-  min-width: 50%;
+/* line 706, ../assets/sass/components/_filters.scss */
+.view-research-project-gallery .form-actions .form-submit {
+  float: right;
+}
+/* line 710, ../assets/sass/components/_filters.scss */
+.view-research-project-gallery .form-actions .btn-primary {
+  background-color: #26686d;
+  border-color: #225d62;
+}
+/* line 714, ../assets/sass/components/_filters.scss */
+.view-research-project-gallery .form-actions .btn-primary:hover {
+  background-color: #1b494c;
+  border-color: #1e5357;
 }
-/* line 616, ../assets/sass/components/_filters.scss */
+/* line 720, ../assets/sass/components/_filters.scss */
 .view-research-project-gallery .form-actions .button {
   text-transform: uppercase;
   border-radius: 0;
-- 
GitLab