From 532d6e286761940a95544d0c16eac262a97312fe Mon Sep 17 00:00:00 2001
From: Sebastian Markgraf <Sebastian-Markgraf@t-online.de>
Date: Wed, 5 May 2021 17:09:31 +0200
Subject: [PATCH 1/2] Fix rtl input field.

---
 vue/src/apps/RecipeView/RecipeView.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/vue/src/apps/RecipeView/RecipeView.vue b/vue/src/apps/RecipeView/RecipeView.vue
index 8ea41ee83..b17f3d25f 100644
--- a/vue/src/apps/RecipeView/RecipeView.vue
+++ b/vue/src/apps/RecipeView/RecipeView.vue
@@ -53,8 +53,7 @@
               <i class="fas fa-pizza-slice fa-2x text-primary"></i>
             </div>
             <div class="my-auto" style="padding-right: 4px">
-              <input dir="rtl"
-                     style="border-width:0px;border:none; padding:0px; padding-left: 0.5vw; padding-right: 8px; max-width: 80px"
+              <input style="text-align: right; border-width:0px;border:none; padding:0px; padding-left: 0.5vw; padding-right: 8px; max-width: 80px"
                      value="1" maxlength="3"
                      type="number" class="form-control form-control-lg" v-model.number="servings"/>
             </div>

From 36df86c26cc29b20e1a0f331cfe0b2617722028c Mon Sep 17 00:00:00 2001
From: Sebastian Markgraf <Sebastian-Markgraf@t-online.de>
Date: Wed, 5 May 2021 18:11:30 +0200
Subject: [PATCH 2/2] Change minimum of input field to be 0.

---
 vue/src/apps/RecipeView/RecipeView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vue/src/apps/RecipeView/RecipeView.vue b/vue/src/apps/RecipeView/RecipeView.vue
index b17f3d25f..e861caf6b 100644
--- a/vue/src/apps/RecipeView/RecipeView.vue
+++ b/vue/src/apps/RecipeView/RecipeView.vue
@@ -54,7 +54,7 @@
             </div>
             <div class="my-auto" style="padding-right: 4px">
               <input style="text-align: right; border-width:0px;border:none; padding:0px; padding-left: 0.5vw; padding-right: 8px; max-width: 80px"
-                     value="1" maxlength="3"
+                     value="1" maxlength="3" min="0"
                      type="number" class="form-control form-control-lg" v-model.number="servings"/>
             </div>
             <div class="my-auto">