From f2557cf382bb07864d27d59684d4df269b092baf Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Sun, 15 Dec 2024 12:52:16 +0100
Subject: [PATCH] refactor(Price add): move new price add clear button at the
 bottom right. ref #1085

---
 src/views/AddPriceMultiple.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/views/AddPriceMultiple.vue b/src/views/AddPriceMultiple.vue
index f8515062f19..197de7bdf7c 100644
--- a/src/views/AddPriceMultiple.vue
+++ b/src/views/AddPriceMultiple.vue
@@ -42,9 +42,6 @@
           prepend-icon="mdi-tag-plus-outline"
           height="100%"
         >
-          <template #append>
-            <v-icon icon="mdi-delete" color="error" @click="clearProductPriceForm" />
-          </template>
           <v-divider />
           <v-card-text>
             <ProductInputRow :productForm="productPriceForm" @filled="productFormFilled = $event" />
@@ -70,11 +67,24 @@
               </v-col>
             </v-row>
             <PriceInputRow class="mt-0" :priceForm="productPriceForm" :product="productPriceForm.product" :hideCurrencyChoice="true" :proofType="proofObject.type" @filled="pricePriceFormFilled = $event" />
+          </v-card-text>
+          <v-divider />
+          <v-card-actions>
             <v-row>
+              <v-col>
+                <v-btn
+                  size="small"
+                  color="error"
+                  icon="mdi-delete"
+                  @click="clearProductPriceForm"
+                />
+              </v-col>
+              <v-spacer />
               <v-col>
                 <v-btn
                   class="float-right"
                   color="success"
+                  variant="flat"
                   type="submit"
                   :loading="createPriceLoading"
                   :disabled="!productPriceFormFilled"
@@ -83,7 +93,7 @@
                 </v-btn>
               </v-col>
             </v-row>
-          </v-card-text>
+          </v-card-actions>
         </v-card>
       </v-form>