spacing for smaller mobile screens

This commit is contained in:
Corban-Lee Jones 2024-09-17 00:35:53 +01:00
parent 634cd6fed3
commit f9fe43e17d

View File

@ -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>