From c49479c8ad2a302da0d705a9ad42e6a163b8f0e0 Mon Sep 17 00:00:00 2001
From: lepipele <lepipele@users.noreply.github.com>
Date: Fri, 23 Mar 2018 12:32:00 -0500
Subject: [PATCH] Styling changes to make expiry text fit in different
 languages

---
 BTCPayServer/Views/Invoice/Checkout-Body.cshtml |  2 +-
 BTCPayServer/wwwroot/css/normalizer.css         | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/BTCPayServer/Views/Invoice/Checkout-Body.cshtml b/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
index b4b38cd40..781f4dfba 100644
--- a/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
+++ b/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
@@ -279,7 +279,7 @@
                 <div class="expired__text">
                     {{$t("InvoiceExpired_Body_3")}}
                 </div>
-                <div class="expired__text">
+                <div class="expired__text expired__text__smaller">
                     <span class="expired__text__bullet">{{$t("Invoice ID")}}</span>:
                     {{srvModel.invoiceId}}
                     <br />
diff --git a/BTCPayServer/wwwroot/css/normalizer.css b/BTCPayServer/wwwroot/css/normalizer.css
index 3cec53042..a4566dc46 100644
--- a/BTCPayServer/wwwroot/css/normalizer.css
+++ b/BTCPayServer/wwwroot/css/normalizer.css
@@ -9550,8 +9550,8 @@ strong {
 }
 
 .expired__body {
-    padding: 14px 10px;
-    padding-top: 8px;
+    padding: 0px 8px 0px;
+    margin-top: -10px;
 }
 
 .expired__header {
@@ -9562,10 +9562,14 @@ strong {
 .expired__text {
     margin-top: 20px;
     font-weight: 100;
-    font-size: 14.5px;
+    font-size: 14px;
     opacity: .8;
 }
 
+    .expired__text .expired__text__smaller {
+        font-size: 11px;
+    }
+
 .expired__text__bullet {
     font-weight: 500;
 }