Improve multi select field

assets/css/base.css

@@ -2791,10 +2791,6 @@ span.form_error {
     margin: 2px;
 }
 
-form .row {
-    margin-bottom: 18px;
-}
-
 form .formw .freeze {
     display: block;
     padding-top: 8px;

main/inc/lib/pear/HTML/QuickForm/advmultiselect.php

@@ -491,9 +491,9 @@ class HTML_QuickForm_advmultiselect extends HTML_QuickForm_select
             $this->_elementTemplate = '
             {javascript}
             <div class="row">
-              <div class="col-sm-5"><!-- BEGIN label_2 -->{label_2}<!-- END label_2 --> {unselected}</div>
-              <div class="col-sm-2"><div class="text-center">{add}{remove}</div></div>
-              <div class="col-sm-5"><!-- BEGIN label_3 -->{label_3}<!-- END label_3 -->{selected}</div>
+              <div class="col-sm"><!-- BEGIN label_2 -->{label_2}<!-- END label_2 --> {unselected}</div>
+              <div class="col-sm-auto"><div class="text-center">{add}{remove}</div></div>
+              <div class="col-sm"><!-- BEGIN label_3 -->{label_3}<!-- END label_3 -->{selected}</div>
             </div>
             ';
         }
@@ -916,7 +916,7 @@ class HTML_QuickForm_advmultiselect extends HTML_QuickForm_select
         //$js = api_get_asset('multiselect-two-sides/dist/js/multiselect.js');
         $js = '';
         $search =
-        '<input type="text" name="q" class="form-control" placeholder="'.addslashes(get_lang('Search')).'" /><br />';
+        '<input type="text" name="q" class="form-control mb-3" placeholder="'.addslashes(get_lang('Search')).'" />';
 
         $js .= '<script>
                 $(document).ready(function() {