From 1ec342da1ea52e4758a3b81ac7c3c2020f4c0e7a Mon Sep 17 00:00:00 2001
From: Umar Bolatov <bolatovumar@gmail.com>
Date: Fri, 30 Aug 2019 20:06:08 -0700
Subject: [PATCH] Apply consistent border radius to POS app search bar

---
 .../Views/AppsPublic/ViewPointOfSale.cshtml   | 20 +++++++++----------
 BTCPayServer/wwwroot/cart/css/style.css       |  9 +++++++++
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml b/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
index 55867c416..a5269e6e8 100644
--- a/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
+++ b/BTCPayServer/Views/AppsPublic/ViewPointOfSale.cshtml
@@ -49,7 +49,7 @@
     </style>
     @if (!string.IsNullOrEmpty(Model.EmbeddedCSS))
     {
-        @Safe.Raw($"<style>{Model.EmbeddedCSS}</style>");   
+        @Safe.Raw($"<style>{Model.EmbeddedCSS}</style>");
     }
 
 </head>
@@ -231,11 +231,11 @@
                     <div class="modal-footer bg-light">
                         <form
                             id="js-cart-pay-form"
-                            method="post" 
-                            asp-controller="AppsPublic" 
-                            asp-action="ViewPointOfSale" 
-                            asp-route-appId="@Model.AppId" 
-                            asp-antiforgery="false" 
+                            method="post"
+                            asp-controller="AppsPublic"
+                            asp-action="ViewPointOfSale"
+                            asp-route-appId="@Model.AppId"
+                            asp-antiforgery="false"
                             data-buy
                         >
                             <input id="js-cart-amount" class="form-control" type="hidden" name="amount">
@@ -254,7 +254,7 @@
             <div id="content">
                 <div class="p-2 p-sm-4">
                     <div class="row">
-                        <div class="col-sm-4 col-lg-3 order-sm-last text-right mb-2">
+                        <div class="col-sm-4 col-lg-2 order-sm-last text-right mb-2">
                             <a class="js-cart btn btn-lg btn-warning text-white text-right" href="#">
                                 <i class="fa fa-shopping-basket"></i>&nbsp;
                                 <span class="badge badge-light badge-pill">
@@ -262,10 +262,10 @@
                                 </span>
                             </a>
                         </div>
-                        <div class="col-sm-8 col-lg-9 mb-2">
-                            <div class="input-group mb-2">
+                        <div class="col-sm-8 col-lg-10 mb-2">
+                            <div class="mb-2 position-relative">
                                 <input type="text" class="js-search form-control form-control-lg" placeholder="Find product">
-                                <a class="js-search-reset btn btn-link text-black" href="#" style="position: absolute; right: 0px; z-index: 1049; display: none;">
+                                <a class="js-search-reset btn btn-lg btn-link text-black" href="#">
                                     <i class="fa fa-times-circle fa-lg"></i>
                                 </a>
                             </div>
diff --git a/BTCPayServer/wwwroot/cart/css/style.css b/BTCPayServer/wwwroot/cart/css/style.css
index ec4090ff1..bbc3347b5 100644
--- a/BTCPayServer/wwwroot/cart/css/style.css
+++ b/BTCPayServer/wwwroot/cart/css/style.css
@@ -37,6 +37,15 @@
     border-radius: 0;
 }
 
+.js-search-reset {
+    position: absolute;
+    right: 0px;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1049;
+    display: none;
+}
+
 /* ---------------------------------------------------
     SIDEBAR STYLE
 ----------------------------------------------------- */