From c54c39926b48c723ffa688aad0f9c5b43ed59520 Mon Sep 17 00:00:00 2001
From: rockstardev <rockstardev@users.noreply.github.com>
Date: Fri, 13 Jul 2018 16:45:32 -0500
Subject: [PATCH] Fitting longer wallet addresses, displaying ellipsis for
 overflow

Ref: https://github.com/btcpayserver/btcpayserver/issues/223
---
 BTCPayServer/wwwroot/checkout/css/normalizer.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/BTCPayServer/wwwroot/checkout/css/normalizer.css b/BTCPayServer/wwwroot/checkout/css/normalizer.css
index e8a539b3e..41b2d27aa 100644
--- a/BTCPayServer/wwwroot/checkout/css/normalizer.css
+++ b/BTCPayServer/wwwroot/checkout/css/normalizer.css
@@ -10156,6 +10156,8 @@ All mobile class names should be prefixed by m- */
 .manual-flow {
     opacity: 0;
     margin-top: -15px;
+    padding-left: 20px;
+    padding-right: 20px;
     transition: all .3s ease-out;
 }
 
@@ -11286,7 +11288,7 @@ low-fee-timeline {
 }
 
 .copySectionBox {
-    padding: 12px;
+    padding: 12px 10px;
 }
 
     .copySectionBox label {
@@ -11323,17 +11325,18 @@ low-fee-timeline {
     border: 1px solid #e9e9e9;
     border-radius: 4px;
     outline: none;
-    padding: 8px 10px;
+    padding: 8px 4px 8px;
     background: #f6f6f6;
     box-sizing: border-box;
     transition: .3s;
     font-size: 11px;
     color: #4a4a4a;
     cursor: copy;
+    text-overflow: ellipsis
 }
 
 .inputWithIcon .checkoutTextbox {
-    padding-left: 40px;
+    padding-left: 31px;
 }
 
 .inputWithIcon {
@@ -11343,10 +11346,10 @@ low-fee-timeline {
     .inputWithIcon img {
         position: absolute;
         left: 2px;
-        top: 8px;
+        top: 9px;
         color: #aaa;
         height: 16px;
-        padding: 0px 6px;
+        padding: 0px 4px;
         border-right: 1px solid #e9e9e9;
     }