From 54589970ca4e818131102254cbe5e94509e69e90 Mon Sep 17 00:00:00 2001
From: Alex Freitas <afreitas@jbssa.com>
Date: Fri, 22 May 2020 00:19:32 -0300
Subject: [PATCH] Layout fixes

---
 package.json                   |  2 +-
 src/VueCronEditorBootstrap.vue | 39 ++++++++++++++++++++--------------
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 44c4ef3..1c76c1e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-cron-editor-bootstrap",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": false,
   "main": "dist/vueCronEditorBootstrap.umd.js",
   "module": "dist/vueCronEditorBootstrap.esm.js",
diff --git a/src/VueCronEditorBootstrap.vue b/src/VueCronEditorBootstrap.vue
index 9b00202..1e8c485 100644
--- a/src/VueCronEditorBootstrap.vue
+++ b/src/VueCronEditorBootstrap.vue
@@ -1,20 +1,15 @@
 <template>
     <b-tabs v-model="activeTab" @input="reset" content-class="mt-3">
         <b-tab :value="0" :title="_$t('minutes')" class="minutes-tab">
-            <b-row>
-                <b-col size="12">
-                    <b-form inline>
-                        <label class="mr-sm-2">{{ _$t("every") }}</label>
-                        <b-form-input
-                            type="number"
-                            v-model="editorData.minuteInterval"
-                        />
-                        <label class="mr-sm-2 ml-sm-2">{{
-                            _$t("mminutes")
-                        }}</label>
-                    </b-form>
-                </b-col>
-            </b-row>
+            <b-form inline>
+                <label class="mr-sm-2">{{ _$t("every") }}</label>
+                <b-form-input
+                    type="number"
+                    v-model="editorData.minuteInterval"
+                    class="small-input"
+                />
+                <label class="mr-sm-2 ml-sm-2">{{ _$t("mminutes") }}</label>
+            </b-form>
         </b-tab>
         <b-tab :value="1" :title="_$t('hourly')" class="hourly-tab">
             <b-row>
@@ -24,6 +19,7 @@
                         <b-form-input
                             type="number"
                             v-model="editorData.hourInterval"
+                            class="small-input"
                         />
                         <label class="mr-sm-2 ml-sm-2">{{
                             _$t("hoursOnMinute")
@@ -33,6 +29,7 @@
                             max="59"
                             min="0"
                             v-model="editorData.minutes"
+                            class="small-input"
                         />
                     </b-form>
                 </b-col>
@@ -46,6 +43,7 @@
                         <b-form-input
                             type="number"
                             v-model="editorData.dayInterval"
+                            class="small-input"
                         />
                         <label class="mr-sm-2 ml-sm-2">{{
                             _$t("daysAt")
@@ -119,13 +117,18 @@
                 <b-col size="12">
                     <b-form inline>
                         <label class="mr-sm-2">{{ _$t("onThe") }}</label>
-                        <b-form-input type="number" v-model="editorData.day" />
+                        <b-form-input
+                            type="number"
+                            v-model="editorData.day"
+                            class="small-input"
+                        />
                         <label class="mr-sm-2 ml-sm-2">{{
                             _$t("dayOfEvery")
                         }}</label>
                         <b-form-input
                             type="number"
                             v-model="editorData.monthInterval"
+                            class="small-input"
                         /><label class="mr-sm-2 ml-sm-2">{{
                             _$t("monthsAt")
                         }}</label>
@@ -229,4 +232,8 @@ export default {
 };
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+.form-inline .form-control.small-input {
+    width: 50px;
+}
+</style>