From 492b6286adb74ed58eb6bc33f09a19857127e19f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Odini?= <raphodn@users.noreply.github.com>
Date: Sat, 30 Nov 2024 20:55:01 +0100
Subject: [PATCH] refactor(UI): right-align all submit buttons. change color of
 Done buttons (#1068)

---
 src/components/BarcodeManualInputDialog.vue | 12 ++++--------
 src/components/PriceEditDialog.vue          |  1 +
 src/components/ProofEditDialog.vue          |  1 +
 src/components/ProofInputRow.vue            |  8 +++++++-
 src/views/AddPriceMultiple.vue              |  3 +--
 src/views/AddPriceSingle.vue                |  1 +
 src/views/ProofAddMultiple.vue              |  1 +
 src/views/ProofAddSingle.vue                |  1 +
 8 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/BarcodeManualInputDialog.vue b/src/components/BarcodeManualInputDialog.vue
index d8d1c15390e..72dcba75a59 100644
--- a/src/components/BarcodeManualInputDialog.vue
+++ b/src/components/BarcodeManualInputDialog.vue
@@ -18,15 +18,11 @@
             prepend-inner-icon="mdi-barcode"
             :hint="barcodeForm.barcode.length.toString()"
             persistent-hint
-          />
-
-          <v-btn
-            type="submit"
-            class="mt-2"
-            :disabled="!formFilled"
           >
-            {{ $t('BarcodeManualInput.Submit') }}
-          </v-btn>
+            <template #append-inner>
+              <v-icon icon="mdi-plus" :disabled="!formFilled" @click="onSubmit" />
+            </template>
+          </v-text-field>
         </v-form>
       </v-card-text>
     </v-card>
diff --git a/src/components/PriceEditDialog.vue b/src/components/PriceEditDialog.vue
index 5625da5909f..20b769a229c 100644
--- a/src/components/PriceEditDialog.vue
+++ b/src/components/PriceEditDialog.vue
@@ -42,6 +42,7 @@
 
       <v-card-actions>
         <v-btn
+          class="float-right"
           color="success"
           variant="flat"
           elevation="1"
diff --git a/src/components/ProofEditDialog.vue b/src/components/ProofEditDialog.vue
index 2a459f22e98..377de8e3588 100644
--- a/src/components/ProofEditDialog.vue
+++ b/src/components/ProofEditDialog.vue
@@ -22,6 +22,7 @@
 
       <v-card-actions>
         <v-btn
+          class="float-right"
           color="success"
           variant="flat"
           elevation="1"
diff --git a/src/components/ProofInputRow.vue b/src/components/ProofInputRow.vue
index 0db373da5a9..dc4932a1330 100644
--- a/src/components/ProofInputRow.vue
+++ b/src/components/ProofInputRow.vue
@@ -8,7 +8,13 @@
       <ProofMetadataInputRow :proofType="proofForm.type" :proofMetadataForm="proofForm" />
       <v-row>
         <v-col>
-          <v-btn color="success" :loading="loading" :disabled="!proofFormFilled || loading" @click="uploadProofList">
+          <v-btn
+            class="float-right"
+            color="success"
+            :loading="loading"
+            :disabled="!proofFormFilled || loading"
+            @click="uploadProofList"
+          >
             <span v-if="!multiple">{{ $t('Common.Upload') }}</span>
             <span v-else>{{ $t('Common.UploadMultipleImages', proofImageList.length) }}</span>
           </v-btn>
diff --git a/src/views/AddPriceMultiple.vue b/src/views/AddPriceMultiple.vue
index f3a96508418..f98840c2353 100644
--- a/src/views/AddPriceMultiple.vue
+++ b/src/views/AddPriceMultiple.vue
@@ -102,7 +102,7 @@
             </v-row>
           </v-card-text>
           <v-divider />
-          <v-card-text>
+          <v-card-text class="float-right">
             <v-btn
               color="success"
               type="submit"
@@ -118,7 +118,6 @@
       <v-btn
         class="float-right"
         type="submit"
-        color="success"
         :loading="createPriceLoading"
         :disabled="productPriceFormFilled"
         @click="done"
diff --git a/src/views/AddPriceSingle.vue b/src/views/AddPriceSingle.vue
index d84e71ddb46..77a88dad376 100644
--- a/src/views/AddPriceSingle.vue
+++ b/src/views/AddPriceSingle.vue
@@ -71,6 +71,7 @@
       <v-col>
         <v-btn
           type="submit"
+          class="float-right"
           :color="formFilled ? 'success' : ''"
           :loading="createPriceLoading"
           :disabled="!formFilled"
diff --git a/src/views/ProofAddMultiple.vue b/src/views/ProofAddMultiple.vue
index a04ec1273a0..974aba2d695 100644
--- a/src/views/ProofAddMultiple.vue
+++ b/src/views/ProofAddMultiple.vue
@@ -22,6 +22,7 @@
   <v-row>
     <v-col>
       <v-btn
+        class="float-right"
         type="submit"
         :color="proofFormFilled ? 'success' : ''"
         :loading="loading"
diff --git a/src/views/ProofAddSingle.vue b/src/views/ProofAddSingle.vue
index 0f3dade182a..619a5a04dad 100644
--- a/src/views/ProofAddSingle.vue
+++ b/src/views/ProofAddSingle.vue
@@ -22,6 +22,7 @@
   <v-row>
     <v-col>
       <v-btn
+        class="float-right"
         type="submit"
         :color="proofFormFilled ? 'success' : ''"
         :loading="loading"