From 98f65cf6654fa5cdf69fbfc87d9b81624e6daa00 Mon Sep 17 00:00:00 2001
From: Andrew Nicols <andrew@nicols.co.uk>
Date: Tue, 30 Oct 2018 12:33:33 +0800
Subject: [PATCH] MDL-63813 theme_bootstrapbase: Give page buttons height+width

Elements iwth an inline display type have no height, or width, which
makes it impossible for behat to interact with them.
---
 .../core/paged_content_paging_bar.mustache    | 88 ++++++++++---------
 1 file changed, 45 insertions(+), 43 deletions(-)

diff --git a/theme/bootstrapbase/templates/core/paged_content_paging_bar.mustache b/theme/bootstrapbase/templates/core/paged_content_paging_bar.mustache
index 12c64bbb531..47e66108def 100644
--- a/theme/bootstrapbase/templates/core/paged_content_paging_bar.mustache
+++ b/theme/bootstrapbase/templates/core/paged_content_paging_bar.mustache
@@ -138,48 +138,50 @@
         {{/arialabels.paginationactivenavitemcomponents}}
     >
 
-        <ul class="mb-0">
-            {{#previous}}
-                {{< core/paged_content_paging_bar_item }}
-                    {{$item-content}}
-                        <span aria-hidden="true">&laquo;</span>
-                        <span class="sr-only">{{#str}}previous{{/str}}</span>
-                    {{/item-content}}
-                    {{$attributes}}data-control="previous"{{/attributes}}
-                {{/ core/paged_content_paging_bar_item }}
-            {{/previous}}
-            {{#first}}
-                {{< core/paged_content_paging_bar_item }}
-                    {{$item-content}}
-                        <span aria-hidden="true">{{#str}}first{{/str}}</span>
-                        <span class="sr-only">{{#str}}first{{/str}}</span>
-                    {{/item-content}}
-                    {{$attributes}}data-control="first"{{/attributes}}
-                {{/ core/paged_content_paging_bar_item }}
-            {{/first}}
-            {{#pages}}
-                {{< core/paged_content_paging_bar_item }}
-                    {{$attributes}}data-page="true"{{/attributes}}
-                {{/ core/paged_content_paging_bar_item }}
-            {{/pages}}
-            {{#last}}
-                {{< core/paged_content_paging_bar_item }}
-                    {{$item-content}}
-                        <span aria-hidden="true">{{#str}}last{{/str}}</span>
-                        <span class="sr-only">{{#str}}last{{/str}}</span>
-                    {{/item-content}}
-                    {{$attributes}}data-control="last"{{/attributes}}
-                {{/ core/paged_content_paging_bar_item }}
-            {{/last}}
-            {{#next}}
-                {{< core/paged_content_paging_bar_item }}
-                    {{$item-content}}
-                        <span aria-hidden="true">&raquo;</span>
-                        <span class="sr-only">{{#str}}next{{/str}}</span>
-                    {{/item-content}}
-                    {{$attributes}}data-control="next"{{/attributes}}
-                {{/ core/paged_content_paging_bar_item }}
-            {{/next}}
-        </ul>
+        <div class="d-inline-block">
+            <ul class="mb-0 d-flex">
+                {{#previous}}
+                    {{< core/paged_content_paging_bar_item }}
+                        {{$item-content}}
+                            <span aria-hidden="true">&laquo;</span>
+                            <span class="sr-only">{{#str}}previous{{/str}}</span>
+                        {{/item-content}}
+                        {{$attributes}}data-control="previous"{{/attributes}}
+                    {{/ core/paged_content_paging_bar_item }}
+                {{/previous}}
+                {{#first}}
+                    {{< core/paged_content_paging_bar_item }}
+                        {{$item-content}}
+                            <span aria-hidden="true">{{#str}}first{{/str}}</span>
+                            <span class="sr-only">{{#str}}first{{/str}}</span>
+                        {{/item-content}}
+                        {{$attributes}}data-control="first"{{/attributes}}
+                    {{/ core/paged_content_paging_bar_item }}
+                {{/first}}
+                {{#pages}}
+                    {{< core/paged_content_paging_bar_item }}
+                        {{$attributes}}data-page="true"{{/attributes}}
+                    {{/ core/paged_content_paging_bar_item }}
+                {{/pages}}
+                {{#last}}
+                    {{< core/paged_content_paging_bar_item }}
+                        {{$item-content}}
+                            <span aria-hidden="true">{{#str}}last{{/str}}</span>
+                            <span class="sr-only">{{#str}}last{{/str}}</span>
+                        {{/item-content}}
+                        {{$attributes}}data-control="last"{{/attributes}}
+                    {{/ core/paged_content_paging_bar_item }}
+                {{/last}}
+                {{#next}}
+                    {{< core/paged_content_paging_bar_item }}
+                        {{$item-content}}
+                            <span aria-hidden="true">&raquo;</span>
+                            <span class="sr-only">{{#str}}next{{/str}}</span>
+                        {{/item-content}}
+                        {{$attributes}}data-control="next"{{/attributes}}
+                    {{/ core/paged_content_paging_bar_item }}
+                {{/next}}
+            </ul>
+        </div>
     </div>
 </div>