From 359cc7e7876cfe3f5f0416b3ab573c19ec5b40c7 Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Thu, 25 Feb 2021 23:04:52 +0000
Subject: [PATCH] MDL-71003 user: fix alignment of autocomplete participant
 filters.

---
 theme/boost/scss/moodle/user.scss                          | 6 ++++++
 theme/boost/style/moodle.css                               | 2 +-
 theme/classic/style/moodle.css                             | 2 +-
 user/templates/local/participantsfilter/filterrow.mustache | 2 +-
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/theme/boost/scss/moodle/user.scss b/theme/boost/scss/moodle/user.scss
index bfbbfe0fa39..a7dea723ce8 100644
--- a/theme/boost/scss/moodle/user.scss
+++ b/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;
+    }
+}
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index db2bc7adf58..6cb2c9f447e 100644
--- a/theme/boost/style/moodle.css
+++ b/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 {
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index f19c3313218..d7c7126b0aa 100644
--- a/theme/classic/style/moodle.css
+++ b/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 {
diff --git a/user/templates/local/participantsfilter/filterrow.mustache b/user/templates/local/participantsfilter/filterrow.mustache
index 3b74167d2bc..8dd86a69c0b 100644
--- a/user/templates/local/participantsfilter/filterrow.mustache
+++ b/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>