From 16bed704d8634c5d39a732669762d6e873838632 Mon Sep 17 00:00:00 2001
From: yusufwib01 <yusuf.wibisono@moodle.com>
Date: Wed, 11 Jun 2025 22:34:08 +0700
Subject: [PATCH] MDL-76342 core_output: Wrap buttons below heading on small
 screens

---
 lib/templates/context_header.mustache | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/templates/context_header.mustache b/lib/templates/context_header.mustache
index 34ea7805f60..d3ebd043de3 100644
--- a/lib/templates/context_header.mustache
+++ b/lib/templates/context_header.mustache
@@ -43,7 +43,7 @@
         ]
     }
 }}
-<div class="page-context-header d-flex align-items-center mb-2">
+<div class="page-context-header d-flex flex-wrap align-items-center mb-2">
     {{#imagedata}}
     <div class="page-header-image">
         {{{imagedata}}}
@@ -58,7 +58,7 @@
         {{{heading}}}
     </div>
     {{#hasadditionalbuttons}}
-    <div class="btn-group header-button-group mx-3">
+    <div class="btn-group header-button-group d-block mx-sm-3">
         {{#additionalbuttons}}
             <a href="{{url}}" {{#attributes}} {{name}}="{{value}}" {{/attributes}}>
                 {{#page}}