From f43259fbc1a60e9e3b972a600d902816ce5c1b5a Mon Sep 17 00:00:00 2001
From: Lance Edgar <lance@edbob.org>
Date: Thu, 25 Apr 2024 16:04:30 -0500
Subject: [PATCH] Use proper flex styles for grid pagination footer

---
 tailbone/templates/grids/complete.mako | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/tailbone/templates/grids/complete.mako b/tailbone/templates/grids/complete.mako
index db46764e..710ea3e6 100644
--- a/tailbone/templates/grids/complete.mako
+++ b/tailbone/templates/grids/complete.mako
@@ -192,10 +192,12 @@
           % endif
 
           % if grid.pageable:
-              <b-field grouped
-                       v-if="firstItem">
-                <span class="control">
-                  showing {{ firstItem.toLocaleString('en') }} - {{ lastItem.toLocaleString('en') }} of {{ total.toLocaleString('en') }} results;
+              <div v-if="firstItem"
+                   style="display: flex; gap: 0.5rem; align-items: center;">
+                <span>
+                  showing
+                  {{ firstItem.toLocaleString('en') }} - {{ lastItem.toLocaleString('en') }}
+                  of {{ total.toLocaleString('en') }} results;
                 </span>
                 <b-select v-model="perPage"
                           size="is-small"
@@ -204,10 +206,10 @@
                       <option value="${value}">${value}</option>
                   % endfor
                 </b-select>
-                <span class="control">
+                <span>
                   per page
                 </span>
-              </b-field>
+              </div>
           % endif
 
         </div>