From 11b281d7e201f77f81b0071660fdafd2c8264e12 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Wed, 23 Oct 2019 12:35:06 -0300
Subject: [PATCH] Improvements to NumericListInterval Form.

---
 .../FormNumericListInterval.vue                  | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/classes/filter-types/numeric-list-interval/FormNumericListInterval.vue b/src/classes/filter-types/numeric-list-interval/FormNumericListInterval.vue
index f447f521a..1cc6bb8bf 100644
--- a/src/classes/filter-types/numeric-list-interval/FormNumericListInterval.vue
+++ b/src/classes/filter-types/numeric-list-interval/FormNumericListInterval.vue
@@ -31,19 +31,21 @@
                         :key="index">
                     <b-field>
                         <b-input
-                                expanded="true"
+                                expanded
                                 :placeholder="$i18n.get('label')"
                                 @input="onUpdate(interval)"
                                 v-model="interval.label" />
                     </b-field>
                     <b-field>
                         <b-input
+                                expanded
                                 type="number"
                                 step="0.01"
                                 :placeholder="$i18n.get('info_initial_value')"
                                 @input="onUpdate(interval, true)"
                                 v-model="interval.from" />
                         <b-input
+                                expanded
                                 type="number"
                                 step="0.01"
                                 :placeholder="$i18n.get('info_final_value')"
@@ -105,10 +107,10 @@
                      interval.to == "" || interval.from == "" ||
                      Number(interval.to) < Number(interval.from))
                 ) {
-                    if (this.isValid) {
-                        this.isValid = false;
+                    this.isValid = false;
+                    
+                    if (interval.to != '' && interval.from != '' && interval.to != null && interval.from != null)
                         this.showErrorMessage()
-                    }
                 } else {
                     this.isValid = true;
                     this.$emit('input', {
@@ -181,6 +183,12 @@
         }
         .field.has-addons {
             margin-bottom: 0.125rem;
+            width: 100%;
+            display: flex;
+            flex-wrap: wrap;
+            &>.control {
+                flex-basis: 50%;
+            }
         }
     }