Use proper flex styles for grid pagination footer

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>