From aceac725e68fc7f83a41fbeb50f8d0e8667df7c8 Mon Sep 17 00:00:00 2001
From: Meirza <meirza.arson@moodle.com>
Date: Mon, 24 Oct 2022 13:52:38 +0700
Subject: [PATCH] MDL-75890 block_myoverview: Added new wrapper element

Added a new element to wrap filter control in Course Overview,
so it will display well on desktop and mobile.

Co-authored-by: Huong Nguyen (huongnv13@gmail.com)
---
 blocks/myoverview/templates/main.mustache | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/blocks/myoverview/templates/main.mustache b/blocks/myoverview/templates/main.mustache
index 11e40ad88aa..c33a621eddf 100644
--- a/blocks/myoverview/templates/main.mustache
+++ b/blocks/myoverview/templates/main.mustache
@@ -27,15 +27,17 @@
     <hr class="mt-0"/>
 
     <div data-region="filter" class="d-flex align-items-center my-2" aria-label="{{#str}} aria:controls, block_myoverview {{/str}}">
-        {{> block_myoverview/nav-grouping-selector }}
+        <div class="row no-gutters">
+            {{> block_myoverview/nav-grouping-selector }}
 
-        {{> block_myoverview/nav-search-widget }}
+            {{> block_myoverview/nav-search-widget }}
 
-        {{> block_myoverview/nav-sort-selector }}
+            {{> block_myoverview/nav-sort-selector }}
 
-        {{#displaydropdown}}
-            {{> block_myoverview/nav-display-selector }}
-        {{/displaydropdown}}
+            {{#displaydropdown}}
+                {{> block_myoverview/nav-display-selector }}
+            {{/displaydropdown}}
+        </div>
     </div>
 
     <div class="container-fluid p-0">