Improve card footer layout and enhance entry display format in invoices (#2345)

Co-authored-by: codecalm <[email protected]>
Co-authored-by: Paweł Kuna <[email protected]>

.changeset/heavy-fireants-vanish.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": "patch"
+---
+
+Improve card footer layout and enhance entry display format in invoices

shared/includes/cards/invoices.html

@@ -69,8 +69,14 @@
 			</tbody>
 		</table>
 	</div>
-	<div class="card-footer d-flex align-items-center">
-		<p class="m-0 text-secondary">Showing <span>1</span> to <span>8</span> of <span>16</span> entries</p>
-		{% include "ui/pagination.html" class="m-0 ms-auto" %}
+	<div class="card-footer">
+		<div class="row g-2 justify-content-center justify-content-sm-between">
+			<div class="col-auto d-flex align-items-center">
+				<p class="m-0 text-secondary">Showing <strong>1 to 8</strong> of <strong>16 entries</strong></p>
+			</div>
+			<div class="col-auto">
+				{% include "ui/pagination.html" class="m-0 ms-auto" %}
+			</div>
+		</div>
 	</div>
 </div>