From 66a7cbb99885fd443e42d724199df0bab216fce5 Mon Sep 17 00:00:00 2001
From: gerard <gerard@verdnatura.es>
Date: Wed, 4 Jul 2018 16:36:37 +0200
Subject: [PATCH] refactor textfield CR JUAN

---
 .../core/src/components/textfield/style.scss  | 25 ++++++++++---------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/client/core/src/components/textfield/style.scss b/client/core/src/components/textfield/style.scss
index 672e1ca61..8173446d5 100644
--- a/client/core/src/components/textfield/style.scss
+++ b/client/core/src/components/textfield/style.scss
@@ -21,7 +21,7 @@ vn-textfield {
         display: flex;
         color: $secondary-font-color;
 
-        & .material-icons {
+        .material-icons {
             font-size: 20px !important
         }
     }
@@ -48,12 +48,19 @@ vn-textfield {
     }
     label {
         position: absolute;
-        bottom: 2px;
+        bottom: 0;
+        padding: 4px;
         pointer-events: none;
         color: $secondary-font-color;
         transition-duration: .2s;
         transition-timing-function: cubic-bezier(.4,0,.2,1);
     }
+    &.not-empty label{
+        bottom: 24px;
+        color: $main-01;
+        padding: 0;
+        font-size: 12px;
+    }
     input {
         outline: none;
         border: none;
@@ -69,7 +76,7 @@ vn-textfield {
         &[type=number] {
             -moz-appearance: textfield;
             &::-webkit-outer-spin-button,
-            &::-webkit-inner-spin-button{
+            &::-webkit-inner-spin-button {
                 -webkit-appearance: none;
                 margin: 0;
             }
@@ -95,23 +102,17 @@ vn-textfield {
         transition-duration: 0.2s;
         transition-timing-function: cubic-bezier(.4,0,.2,1);
     }
-    &.not-empty {
-        & label {
-            bottom: 24px;
-            color: $main-01;
-            font-size: 12px;
-        }
-    }
+
     div.selected {
         &.container{
             border-bottom: 0px;
         }
-        & label {
+        label {
             bottom: 24px;
             color: $main-01;
             font-size: 12px;
         }
-        & .selected.underline{
+        .selected.underline{
             left: 0;
             width: 100%!important;
         }