From 5e34efc9f45b846b4035c1477c1c8317e5d41f14 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Mon, 6 Apr 2020 18:56:14 +0200
Subject: [PATCH] Improve invoice table details display

---
 BTCPayServer/Views/Invoice/ListInvoices.cshtml | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/BTCPayServer/Views/Invoice/ListInvoices.cshtml b/BTCPayServer/Views/Invoice/ListInvoices.cshtml
index 1ef624824..8cf2efdf7 100644
--- a/BTCPayServer/Views/Invoice/ListInvoices.cshtml
+++ b/BTCPayServer/Views/Invoice/ListInvoices.cshtml
@@ -204,7 +204,7 @@
                         @foreach (var invoice in Model.Invoices)
                         {
                             <tr>
-                                <td>
+                                <td style="width:10em;">
                                     <span class="switchTimeFormat" data-switch="@invoice.Date.ToTimeAgo()">
                                         @invoice.Date.ToBrowserDate()
                                     </span>
@@ -272,11 +272,10 @@
                                 </td>
                             </tr>
                             <tr id="invoice_@invoice.InvoiceId" style="display:none;">
-                                <td colspan="99">
-                                    <div style="margin-left: 15px; margin-bottom: 0;">
-                                        @* Leaving this as partial because it abstracts complexity of Invoice Payments *@
-                                        <partial name="ListInvoicesPaymentsPartial" model="(invoice.Details, true)" />
-                                    </div>
+                                <td style="border-top:0"></td>
+                                <td style="border-top:0" colspan="6" class="pt-3 pb-5">
+                                    @* Leaving this as partial because it abstracts complexity of Invoice Payments *@
+                                    <partial name="ListInvoicesPaymentsPartial" model="(invoice.Details, true)" />
                                 </td>
                             </tr>
                         }