From 40131ad187d6450f9718130da038f755dfa6ca69 Mon Sep 17 00:00:00 2001
From: Oleg Zharkov <oleg.zharkov22@gmail.com>
Date: Mon, 20 Dec 2021 15:24:54 +0100
Subject: [PATCH] show error above the input field

---
 .../components/Form/Elements/FormNumber.vue    | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/components/Form/Elements/FormNumber.vue b/client/src/components/Form/Elements/FormNumber.vue
index f77b223ba67..290695761ef 100644
--- a/client/src/components/Form/Elements/FormNumber.vue
+++ b/client/src/components/Form/Elements/FormNumber.vue
@@ -1,5 +1,14 @@
 <template>
     <div>
+        <b-alert
+            class="mt-2"
+            v-if="errorMessage"
+            :show="dismissCountDown"
+            variant="info"
+            @dismissed="dismissCountDown = 0"
+        >
+            {{ errorMessage }}
+        </b-alert>
         <b-row align-v="center">
             <b-col :sm="isRangeValid ? defaultInputSizeWithSlider : false">
                 <!-- regular dot and dot on numpad have different codes -->
@@ -16,15 +25,6 @@
                 <b-form-input v-model="currentValue" :min="min" :max="max" type="range" />
             </b-col>
         </b-row>
-        <b-alert
-            class="mt-2"
-            v-if="errorMessage"
-            :show="dismissCountDown"
-            variant="info"
-            @dismissed="dismissCountDown = 0"
-        >
-            {{ errorMessage }}
-        </b-alert>
     </div>
 </template>