From 8b776ed9e5ec5a18b5041a9113af495e799460ff Mon Sep 17 00:00:00 2001
From: d11n <mail@dennisreimann.de>
Date: Wed, 13 Nov 2024 07:50:15 +0100
Subject: [PATCH] POS: Update button icons (#6390)

Adjusts the POS buttons to match what we defined for the app in btcpayserver/app#93.
---
 .../Views/Shared/PointOfSale/Public/VueLight.cshtml       | 8 ++++----
 BTCPayServer/wwwroot/pos/keypad.css                       | 8 +++-----
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/BTCPayServer/Views/Shared/PointOfSale/Public/VueLight.cshtml b/BTCPayServer/Views/Shared/PointOfSale/Public/VueLight.cshtml
index 2e13e9931..8fa10873a 100644
--- a/BTCPayServer/Views/Shared/PointOfSale/Public/VueLight.cshtml
+++ b/BTCPayServer/Views/Shared/PointOfSale/Public/VueLight.cshtml
@@ -81,11 +81,11 @@
         </template>
     </button>
     <partial name="PointOfSale/Public/RecentTransactions" model="Model"/>
-    <button type="button" class="btn btn-link p-1" data-bs-toggle="modal" data-bs-target="#RecentTransactions" id="RecentTransactionsToggle" permission="@Policies.CanViewInvoices">
-        <vc:icon symbol="nav-invoice"/>
+    <button type="button" class="btn btn-light rounded-circle" data-bs-toggle="modal" data-bs-target="#RecentTransactions" id="RecentTransactionsToggle" permission="@Policies.CanViewInvoices">
+        <vc:icon symbol="nav-transactions"/>
     </button>
-    <button type="button" class="btn btn-link p-1" data-bs-toggle="offcanvas" data-bs-target="#ItemsListOffcanvas" id="ItemsListToggle" aria-controls="ItemsList" v-if="showItems">
-        <vc:icon symbol="nav-mobile-menu"/>
+    <button type="button" class="btn btn-light rounded-circle" data-bs-toggle="offcanvas" data-bs-target="#ItemsListOffcanvas" id="ItemsListToggle" aria-controls="ItemsList" v-if="showItems">
+        <vc:icon symbol="nav-products"/>
     </button>
     <div class="offcanvas offcanvas-end" data-bs-backdrop="static" tabindex="-1"  id="ItemsListOffcanvas" aria-labelledby="ItemsListToggle" v-if="showItems">
         <div class="offcanvas-header justify-content-between flex-wrap p-3">
diff --git a/BTCPayServer/wwwroot/pos/keypad.css b/BTCPayServer/wwwroot/pos/keypad.css
index 95f406b9e..2e519ab68 100644
--- a/BTCPayServer/wwwroot/pos/keypad.css
+++ b/BTCPayServer/wwwroot/pos/keypad.css
@@ -6,16 +6,14 @@
 #PosKeypad .alert {
     margin-top: var(--btcpay-space-xl);
 }
-
 button[data-bs-toggle] {
     position: absolute;
-    top: 1.75rem;
     z-index: 1;
+    top: 1.5rem;
+    height: 3.25em !important;
+    width: 3.25em !important;
     color: var(--btcpay-header-link);
 }
-button[data-bs-toggle]:hover {
-    color: var(--btcpay-header-link-accent);
-}
 button[data-bs-toggle] .icon {
     --icon-size: 1.75em;
 }