From f9fe43e17d58c16289d8c83055e0efb67b919e2e Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Tue, 17 Sep 2024 00:35:53 +0100
Subject: [PATCH] spacing for smaller mobile screens

---
 apps/static/js/table.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/static/js/table.js b/apps/static/js/table.js
index f6122fa..e79c160 100644
--- a/apps/static/js/table.js
+++ b/apps/static/js/table.js
@@ -49,7 +49,7 @@ async function initTable(containingSelector, tableId, loadDataFunc, newRowFunc,
 
 function createSearchRow(containingSelector, searchId, sortDropdownId, filterDropdownId, options, newRowFunc, deleteSelectedFunc) {
     $(containingSelector).append(`
-        <div class="row my-3 px-3 table-search-row">
+        <div class="row my-3 px-sm-3 table-search-row">
             <div class="col-md-6 col-lg-5 col-xl-4 col-xxl-3">
                 <div class="input-group mb-lg-0 mb-3 rounded-1">
                     <span class="input-group-text">
@@ -310,7 +310,7 @@ async function bindSortDropdown(tableId, sortDropdownId, loadDataFunc) {
 
 function createTable(containingSelector, tableId) {
     $(containingSelector).append(`
-    <div class="table-responsive my-3 px-3">
+    <div class="table-responsive my-3 px-sm-3">
         <table id="${tableId}" class="table table-hover align-middle"></table>
     </div>
     `);
@@ -318,7 +318,7 @@ function createTable(containingSelector, tableId) {
 
 function createTableControls(containingSelector, pageSizeId) {
     $(containingSelector).append(`
-    <div class="table-controls row mb-3 px-3">
+    <div class="table-controls row mb-3 px-sm-3">
         <div class="col-lg-2">
             <div class="table-page-info d-flex justify-content-start align-items-center mx-auto">
                 <span class="pageinfo-total"></span>