Implementing tables fix per dennisreimann suggestion

This commit is contained in:
Ivaylo Hristov 2022-05-05 14:54:31 +03:00 committed by Andrew Camilleri
parent 9cac8d36ad
commit 54dd602be4
2 changed files with 5 additions and 5 deletions

View File

@ -119,7 +119,7 @@
</button>
</div>
<div class="modal-body p-0">
<table id="js-cart-summary" class="table w-100 m-0">
<table id="js-cart-summary" class="table m-0">
<tbody class="my-3">
<tr>
<td colspan="2" class="border-top-0 h5">Summary</td>
@ -276,7 +276,7 @@
<a class="js-cart-destroy btn btn-danger pull-right" href="#" style="display: none;">Empty cart <i class="fa fa-trash fa-fw fa-lg"></i></a>
</div>
<table id="js-cart-list" class="table table-responsive table-light w-100 m-0">
<table id="js-cart-list" class="table table-responsive table-light mt-0 mb-0">
<thead>
<tr>
<th colspan="3" width="55%">Product</th>
@ -291,7 +291,7 @@
<tbody></tbody>
</table>
<table id="js-cart-extra" class="table table-light w-100 m-0">
<table id="js-cart-extra" class="table table-light mt-0 mb-0">
<thead></thead>
</table>

View File

@ -10844,12 +10844,12 @@ textarea.w-auto {
}
/* Pull tables out of the grid by their horizontal column padding */
*:not([class^="table-responsive"]) > .table {
main *:not([class^="table-responsive"]) > .table {
width: calc(100% + 1rem);
margin: 1.5rem -0.5rem;
}
[class^="table-responsive"] {
main [class^="table-responsive"] {
width: calc(100% + 1rem);
margin: 1.5rem -0.5rem;
}