From 12b69a7f826a178ba2ee7d30141266295d4cf1f3 Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Thu, 17 Nov 2022 15:13:21 +0000
Subject: [PATCH] fix reseting rounding and better UX

---
 .../extensions/tpos/templates/tpos/tpos.html  | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/lnbits/extensions/tpos/templates/tpos/tpos.html b/lnbits/extensions/tpos/templates/tpos/tpos.html
index f432901a..3be6d4a5 100644
--- a/lnbits/extensions/tpos/templates/tpos/tpos.html
+++ b/lnbits/extensions/tpos/templates/tpos/tpos.html
@@ -230,21 +230,25 @@
             :outline="!($q.dark.isActive)"
             rounded
             color="primary"
-            label="Custom"
+            label="Round to"
           ></q-btn>
-          <q-input
-            class="q-my-lg"
-            ref="inputRounding"
-            v-if="rounding"
-            filled
-            v-model.number="tipRounding"
-            :placeholder="roundToSugestion"
-            hint="Total amount including tip"
+          <div class="row q-my-lg" v-if="rounding">
+            <q-input
+              class="col"
+              ref="inputRounding"
+              v-model.number="tipRounding"
+              :placeholder="roundToSugestion"
+              hint="Total amount including tip"
+              :prefix="currency"
+            >
+              <!-- <template v-slot:append>
+                <q-icon name="send" @click="calculatePercent" />
+              </template> -->
+            </q-input>
+            <q-btn class="q-ml-sm" style="margin-bottom: 20px;" color="primary" @click="calculatePercent"
+            >Ok</q-btn
           >
-            <template v-slot:append>
-              <q-icon name="check" @click="calculatePercent" />
-            </template>
-          </q-input>
+          </div>
         </div>
         <div class="row q-mt-lg">
           <q-btn flat color="primary" @click="processTipSelection(0)"
@@ -478,6 +482,8 @@
       },
       submitForm: function () {
         if (this.tip_options && this.tip_options.length) {
+          this.rounding = false
+          this.tipRounding = null
           this.showTipModal()
         } else {
           this.showInvoice()