Merge pull request #1719 from codidact/0valt/button-fixes

Minor fix for the users page search button alignment

Author: ArtOfCode-

app/assets/stylesheets/audit_logs.scss

@@ -1,10 +1,12 @@
 @import 'variables';
 
 .audit-log-filters {
-  .select2-container {
+  .form-group-horizontal .actions, .select2-container {
     height: 37px;
     margin: 4px 0px;
+  }
 
+  .select2-container {
     .selection {
       .select2-selection {
         border-color: $muted-graphic;
@@ -18,4 +20,13 @@
       }
     }
   }
+
+  .form-group-horizontal {
+    .actions {
+      .button {
+        height: 100%;
+        margin: 0;
+      }
+    }
+  }
 }

app/assets/stylesheets/forms.scss

@@ -20,23 +20,17 @@ select.form-element {
   }
 
   & > .form-group {
-    margin: 0 0 1em 0;
+    margin: 0.5em 0;
 
     @media screen and (min-width: $screen-md) {
-      margin: 0 1em 0 0;
+      margin: 0 0.5em;
       flex: 1;
     }
   }
 
   & > .actions {
     display: flex;
     align-items: flex-end;
-    margin-bottom: 4px; // to match bottom margin on .form-element
-
-    button, input[type="submit"] {
-      margin: unset;
-      padding: 9.5px 12px; // because for some reason it has to be 9.5px to match .form-elements' height
-    }
   }
 }