# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1545039784 -3600
# Node ID 4057b366db5f4f276b05c7ea3a513b649bec8a18
# Parent  98a1636c72553a3790783fce388a8d1dbe50cec9
unattended imports: layout

diff -r 98a1636c7255 -r 4057b366db5f client/src/components/importschedule/Importscheduledetail.vue
--- a/client/src/components/importschedule/Importscheduledetail.vue	Mon Dec 17 10:13:04 2018 +0100
+++ b/client/src/components/importschedule/Importscheduledetail.vue	Mon Dec 17 10:43:04 2018 +0100
@@ -130,34 +130,31 @@
                     >{{ option }}</option
                   >
                 </select>
-                <div v-if="cronMode == 'hour'" class="ml-2 d-flex flex-row">
+                <div v-if="cronMode == 'hour'" class="ml-1 d-flex flex-row">
                   <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4>
                   <input
                     v-model="minutes"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                   <h4 class="mt-auto mb-auto">{{ $options.MINUTESPAST }}</h4>
                 </div>
-                <div v-if="cronMode == 'day'" class="ml-2 d-flex flex-row">
+                <div v-if="cronMode == 'day'" class="ml-1 d-flex flex-row">
                   <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4>
                   <input
                     v-model="hour"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                   <input
                     v-model="minutes"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                   <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4>
                 </div>
-                <div v-if="cronMode == 'week'" class="ml-2 d-flex flex-row">
-                  <h4 class="ml-2 mr-3 mt-auto mb-auto">{{ $options.ON }}</h4>
+                <div v-if="cronMode == 'week'" class="ml-1 d-flex flex-row">
+                  <h4 class="ml-1 mr-1 mt-auto mb-auto">{{ $options.ON }}</h4>
                   <select v-model="day" class="form-control">
                     <option
                       v-for="(option, key) in $options.DAYSOFWEEK"
@@ -166,53 +163,47 @@
                       >{{ option }}</option
                     >
                   </select>
-                  <h4 class="ml-2 mt-auto mb-auto">{{ $options.AT }}</h4>
+                  <h4 class="ml-1 mt-auto mb-auto">{{ $options.AT }}</h4>
                   <input
                     v-model="hour"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                   <input
                     v-model="minutes"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                 </div>
-                <div v-if="cronMode == 'month'" class="ml-2 d-flex flex-row">
-                  <h4 class="ml-2 mt-auto mb-auto">{{ $options.ON }}</h4>
+                <div v-if="cronMode == 'month'" class="ml-1 d-flex flex-row">
+                  <h4 class="ml-1 mt-auto mb-auto">{{ $options.ON }}</h4>
                   <input
                     v-model="dayOfMonth"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                   <h4 class="mt-auto mb-auto">{{ $options.AT }}</h4>
                   <input
                     v-model="hour"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-2 form-control"
+                    type="number"
                   />
                   <input
                     v-model="minutes"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-2 form-control"
+                    type="number"
                   />
                   <h4 class="mt-auto mb-auto">{{ $options.OCLOCK }}</h4>
                 </div>
-                <div v-if="cronMode == 'year'" class="ml-2 d-flex flex-row">
-                  <h4 class="ml-2 mt-auto mb-auto">{{ $options.ON }}</h4>
+                <div v-if="cronMode == 'year'" class="ml-1 d-flex flex-row">
+                  <h4 class="ml-1 mt-auto mb-auto">{{ $options.ON }}</h4>
                   <input
                     v-model="dayOfMonth"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                   <h4 class="mt-auto mb-auto">{{ $options.OF }}</h4>
-                  <select v-model="month" class="ml-2 mr-2 form-control">
+                  <select v-model="month" class="ml-1 mr-1 form-control">
                     <option
                       v-for="(option, key) in $options.MONTHS"
                       :value="key"
@@ -223,15 +214,13 @@
                   <h4 class="mt-auto mb-auto">{{ $options.ON }}</h4>
                   <input
                     v-model="hour"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                   <input
                     v-model="minutes"
-                    style="width:50px"
-                    class="ml-2 mr-2 form-control"
-                    type="text"
+                    class="cronfield ml-1 mr-1 form-control"
+                    type="number"
                   />
                 </div>
               </div>
@@ -270,7 +259,7 @@
             <input
               :disabled="!eMailNotification"
               class="form-control"
-              type="text"
+              type="email"
             />
           </div>
           <button type="submit" class="shadow-sm btn btn-info submit-button">
@@ -494,6 +483,10 @@
 </script>
 
 <style lang="scss" scoped>
+.cronfield {
+  width: 55px;
+}
+
 .importscheduledetailscard {
   min-height: 550px;
 }