From 11205ec5ef7e7c71c48c5df9d69d1e41d5e827b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= <mikel@moodle.com>
Date: Mon, 15 May 2023 16:43:22 +0200
Subject: [PATCH] MDL-76693 core_course: Fix activity chooser summary overlap

In activity chooser modal, there is an overlap issue in the information "sub-page".
Changing some classes in the layout solves the problem.
---
 .../templates/local/activitychooser/help.mustache  | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/course/templates/local/activitychooser/help.mustache b/course/templates/local/activitychooser/help.mustache
index 471dffc380f..9c9790b2c03 100644
--- a/course/templates/local/activitychooser/help.mustache
+++ b/course/templates/local/activitychooser/help.mustache
@@ -25,15 +25,21 @@
         "name": "assign",
         "title": "Assignment",
         "link": "http://yourmoodle/modedit.php?id=x&itemtype=y",
-        "icon": "<img class='icon' src='http://urltooptionicon'>",
+        "icon": "<img class='icon' src='http://urltooptionicon' alt='Icon'>",
         "help": "This is a description of the assignment activity",
         "archetype": 0,
         "componentname": "mod_assign",
         "favourite": 1
     }
 }}
-<div class="optionsummary" tabindex="-1" data-region="chooser-option-summary-container" aria-labelledby="optionsummary_label" aria-describedby="optionsumary_desc">
-    <div class="content text-left mb-5 p-2 px-sm-5 py-sm-4" data-region="chooser-option-summary-content-container">
+<div
+    class="optionsummary d-flex flex-column rounded-bottom"
+    tabindex="-1"
+    data-region="chooser-option-summary-container"
+    aria-labelledby="optionsummary_label-{{uniqid}}"
+    aria-describedby="optionsumary_desc-{{uniqid}}"
+>
+    <div class="content flex-grow-1 text-left p-2 px-sm-5 py-sm-4" data-region="chooser-option-summary-content-container">
         <div class="heading mb-4">
             <h5 id="optionsummary_label-{{uniqid}}" data-region="summary-header" tabindex="0">
                 {{{icon}}}
@@ -45,7 +51,7 @@
         </div>
     </div>
     {{^showFooter}}
-        <div class="fixed-bottom position-absolute py-3 px-4 border-top modal-footer">
+        <div class="modal-footer">
             {{>core_course/local/activitychooser/footer_partial}}
         </div>
     {{/showFooter}}