MDL-76342 core_output: Wrap buttons below heading on small screens

2025-06-19 10:01:33 +07:00
parent 95518023c6
commit 7479f88d22
1 changed files with 2 additions and 2 deletions
@@ -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}}