MDL-71003 user: fix alignment of autocomplete participant filters.

theme/boost/scss/moodle/user.scss

@@ -310,3 +310,9 @@
 [data-filterverb="2"] [data-filterverbfor="2"] {
     display: block;
 }
+
+[data-filterregion="value"] {
+    div:first-of-type {
+        @extend .align-top;
+    }
+}

theme/boost/style/moodle.css

@@ -6889,7 +6889,7 @@ a.close.disabled {
 .align-baseline {
   vertical-align: baseline !important; }
 
-.align-top {
+.align-top, [data-filterregion="value"] div:first-of-type {
   vertical-align: top !important; }
 
 .align-middle {

theme/classic/style/moodle.css

@@ -7092,7 +7092,7 @@ a.close.disabled {
 .align-baseline {
   vertical-align: baseline !important; }
 
-.align-top {
+.align-top, [data-filterregion="value"] div:first-of-type {
   vertical-align: top !important; }
 
 .align-middle {

user/templates/local/participantsfilter/filterrow.mustache

@@ -54,7 +54,7 @@
                 {{/filtertypes}}
             </select>
 
-            <div data-filterregion="value" class="d-md-flex flex-column align-items-start flex-lg-row"></div>
+            <div data-filterregion="value" class="d-md-block flex-column align-items-start flex-lg-row"></div>
 
             <button data-filteraction="remove" class="ml-auto icon-no-margin icon-size-4 btn text-reset" aria-label="{{#str}}clearfilterrow, core_user{{/str}}">
                 <i class="icon fa fa-times-circle"></i>