From 9ab0a325193df8495e81a95abd4dc72bc24e299d Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 26 Nov 2021 08:25:20 +0100
Subject: [PATCH] Change Style formular amount range and number input

---
 admin/src/components/CreationFormular.vue | 41 +++++++++++------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/admin/src/components/CreationFormular.vue b/admin/src/components/CreationFormular.vue
index 16a3c6aab..01bc834f7 100644
--- a/admin/src/components/CreationFormular.vue
+++ b/admin/src/components/CreationFormular.vue
@@ -56,28 +56,27 @@
 
         <b-row class="m-4" v-show="createdIndex != null">
           <label>Betrag Auswählen</label>
-          <b-input-group>
-            <template #append>
-              <b-input-group-text><strong class="text-danger">GDD</strong></b-input-group-text>
-            </template>
-            <b-form-input
-              type="number"
-              v-model="value"
-              :min="rangeMin"
-              :max="rangeMax"
-            ></b-form-input>
-          </b-input-group>
+          <div>
+            <b-input-group prepend="GDD" append=".00">
+              <b-form-input
+                type="number"
+                v-model="value"
+                :min="rangeMin"
+                :max="rangeMax"
+              ></b-form-input>
+            </b-input-group>
 
-          <b-input
-            id="range-2"
-            class="mt-2"
-            v-model="value"
-            type="range"
-            :min="rangeMin"
-            :max="rangeMax"
-            step="10"
-            @load="checkFormForUpdate('range')"
-          ></b-input>
+            <b-input-group prepend="0" :append="rangeMax" class="mt-3">
+              <b-form-input
+                type="range"
+                v-model="value"
+                :min="rangeMin"
+                :max="rangeMax"
+                step="10"
+                @load="checkFormForUpdate('range')"
+              ></b-form-input>
+            </b-input-group>
+          </div>
         </b-row>
         <b-row class="m-4">
           <label>Text eintragen</label>