refactor(UI): gain some vertical space above submit button (#1070)

openfoodfacts · Nov 30, 2024 · eff962a · eff962a
1 parent 492b628
commit eff962a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/src/components/ProductInputRow.vue b/src/components/ProductInputRow.vue
@@ -23,7 +23,7 @@
           <span class="d-sm-none">{{ $t('AddPriceSingle.ProductInfo.TypeBarcodeShort') }}</span>
           <span class="d-none d-sm-inline-flex">{{ $t('Common.BarcodeType') }}</span>
         </v-btn>
-        <ProductCard v-if="productForm.product" class="mb-2" :product="productForm.product" :hideCategoriesAndLabels="true" :hideProductActions="true" :readonly="true" elevation="1" />
+        <ProductCard v-if="productForm.product" :product="productForm.product" :hideCategoriesAndLabels="true" :hideProductActions="true" :readonly="true" elevation="1" />
       </v-sheet>
       <v-sheet v-if="productForm.mode === 'category'">
         <v-row>

diff --git a/src/views/AddPriceMultiple.vue b/src/views/AddPriceMultiple.vue
@@ -100,17 +100,19 @@
                 <PriceInputRow :priceForm="productPriceForm" :product="productPriceForm.product" :hideCurrencyChoice="true" @filled="pricePriceFormFilled = $event" />
               </v-col>
             </v-row>
-          </v-card-text>
-          <v-divider />
-          <v-card-text class="float-right">
-            <v-btn
-              color="success"
-              type="submit"
-              :loading="createPriceLoading"
-              :disabled="!productPriceFormFilled"
-            >
-              {{ $t('Common.Upload') }}
-            </v-btn>
+            <v-row>
+              <v-col>
+                <v-btn
+                  class="float-right"
+                  color="success"
+                  type="submit"
+                  :loading="createPriceLoading"
+                  :disabled="!productPriceFormFilled"
+                >
+                  {{ $t('Common.Upload') }}
+                </v-btn>
+              </v-col>
+            </v-row>
           </v-card-text>
         </v-card>
       </v-form>