style(fields): fix various field styling incoherences

p3ol · Jan 9, 2019 · ec8f50a · ec8f50a
1 parent ff9fc72
commit ec8f50a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/theme/components/CheckBox.styl b/src/theme/components/CheckBox.styl
@@ -49,6 +49,7 @@
       width: auto
       flex-grow: 1
       flex-basis: 0
+      line-height: initial
 
   &.checked
     label.check-wrapper

diff --git a/src/theme/index.styl b/src/theme/index.styl
@@ -45,6 +45,7 @@
         opacity: 0
         transform: translate3d(0, 10px, 0)
         transition: all .2s ease-out
+        line-height: initial
 
       .field
         width: 100%
@@ -68,8 +69,8 @@
     .error
       margin: 8px 0 4px
       display: block
-      font-size: 14px
-      line-height: 18px
+      font-size: 11px
+      line-height: initial
 
     &.boxed
 
@@ -93,9 +94,6 @@
           border-bottom-color: $color-shuttle-gray
           color: $color-shuttle-gray
 
-      .error
-        color: $color-monza
-
       &.boxed
         & > .field-wrapper
           & > .field,
@@ -114,6 +112,9 @@
             color: $color-shuttle-gray
             border-bottom-color: $color-eastern-blue
 
+      .error
+        color: $color-monza
+
       &.boxed
         & > .field-wrapper
           & > .field,