From 54dd602be40c72402eb1262df104834e2d69897d Mon Sep 17 00:00:00 2001
From: Ivaylo Hristov <ishristov@users.noreply.github.com>
Date: Thu, 5 May 2022 14:54:31 +0300
Subject: [PATCH] Implementing tables fix per dennisreimann suggestion

---
 BTCPayServer/Views/UIAppsPublic/PointOfSale/Cart.cshtml | 6 +++---
 BTCPayServer/wwwroot/main/bootstrap/bootstrap.css       | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/BTCPayServer/Views/UIAppsPublic/PointOfSale/Cart.cshtml b/BTCPayServer/Views/UIAppsPublic/PointOfSale/Cart.cshtml
index cfffe0cd5..18f6b448a 100644
--- a/BTCPayServer/Views/UIAppsPublic/PointOfSale/Cart.cshtml
+++ b/BTCPayServer/Views/UIAppsPublic/PointOfSale/Cart.cshtml
@@ -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>
 
diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
index 79cca2c04..40d251c62 100644
--- a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
+++ b/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css
@@ -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;
 }