From 0be6f3ca70219a376222916c7db9e906c6baaaa0 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Sat, 16 Nov 2019 23:19:10 +0100
Subject: [PATCH] UI: Remove superfluous spaces when description is empty

---
 .../PaymentRequest/MinimalPaymentRequest.cshtml    | 13 ++++++++-----
 .../Views/PaymentRequest/ViewPaymentRequest.cshtml | 14 +++++++++-----
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml b/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml
index 8fea053c4..85f041819 100644
--- a/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml
+++ b/BTCPayServer/Views/PaymentRequest/MinimalPaymentRequest.cshtml
@@ -8,10 +8,10 @@
                     @Model.Title
                     <span class="text-muted float-right text-center">@Model.Status</span>
                 </h1>
-                <div class="card-body px-0 pt-0">
-                    <div class="row mb-4">
+                <div class="card-body px-0 pt-0 pb-0">
+                    <div class="row">
                         <div class="col-sm-12 col-md-12 col-lg-6">
-                            <table class="table table-light">
+                            <table class="table table-light mb-0">
                                 <tbody>
                                     <tr>
                                         <td class="px-3 h2 text-muted">Request amount:</td>
@@ -27,9 +27,12 @@
                                     </tr>
                                 </tbody>
                             </table>
-                            <div class="w-100 p-2">@Safe.Raw(Model.Description)</div>
+                            @if (Model.Description != null && Model.Description != "" && Model.Description != "<br>")
+                            {
+                                <div class="w-100 px-3 pt-4 pb-3">@Safe.Raw(Model.Description)</div>
+                            }
                         </div>
-                        <div class="col-sm-12 col-md-12 col-lg-6">
+                        <div class="col-sm-12 col-md-12 col-lg-6 pt-2">
                             <div class="table-responsive">
                                 <table class="table border-top-0">
                                     <thead>
diff --git a/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml b/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
index cfc9a451f..894f0a0f5 100644
--- a/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
+++ b/BTCPayServer/Views/PaymentRequest/ViewPaymentRequest.cshtml
@@ -64,10 +64,10 @@ else
                             </template>
                         </span>
                     </h1>
-                    <div class="card-body px-0 pt-0">
-                        <div class="row mb-4">
+                    <div class="card-body px-0 pt-0 pb-0">
+                        <div class="row">
                             <div class="col-sm-12 col-md-12 col-lg-6">
-                                <table class="table table-light">
+                                <table class="table table-light mb-0">
                                     <tbody>
                                         <tr>
                                             <td class="px-3 h2 text-muted">Request amount:</td>
@@ -83,9 +83,13 @@ else
                                         </tr>
                                     </tbody>
                                 </table>
-                                <div v-html="srvModel.description" class="w-100 p-2"></div>
+                                <div
+                                    v-if="srvModel.description && srvModel.description !== '' && srvModel.description !== '<br>'"
+                                    v-html="srvModel.description"
+                                    class="w-100 px-3 pt-4 pb-3"
+                                ></div>
                             </div>
-                            <div class="col-sm-12 col-md-12  col-lg-6">
+                            <div class="col-sm-12 col-md-12 col-lg-6 pt-2">
                                 <div class="table-responsive">
                                     <table class="table border-top-0 ">
                                         <thead>