Don't pad hideUndelined controlls (quasarframework#2388)

Author: pdanpdan

dev/components/form/size-test.vue

@@ -372,7 +372,7 @@ export default {
       padding: null,
       modes: [
         { hideUnderline: false, inverted: false, box: false, outline: false, fullWidth: false, btnSize: 'form', btnSizeLabel: 'form-label' },
-        { hideUnderline: true, inverted: false, box: false, outline: false, fullWidth: false, btnSize: 'form', btnSizeLabel: 'form-label' },
+        { hideUnderline: true, inverted: false, box: false, outline: false, fullWidth: false, btnSize: 'form-hide-underline', btnSizeLabel: 'form-label-hide-underline' },
         { hideUnderline: false, inverted: true, box: false, outline: false, fullWidth: false, btnSize: 'form', btnSizeLabel: 'form-label' },
         { hideUnderline: false, inverted: false, box: true, outline: false, fullWidth: false, btnSize: 'form', btnSizeLabel: 'form-label' },
         { hideUnderline: false, inverted: false, box: false, outline: true, fullWidth: false, btnSize: 'form-label', btnSizeLabel: 'form-label' },

src/components/btn/btn-mixin.js

@@ -8,7 +8,9 @@ const sizes = {
   lg: 20,
   xl: 24,
   form: 14.777,
-  'form-label': 21.777
+  'form-label': 21.777,
+  'form-hide-underline': 9.333,
+  'form-label-hide-underline': 16.333
 }
 
 export default {

src/components/input-frame/input-frame.ios.styl

@@ -54,6 +54,11 @@ $margin-top-box
   padding-bottom $input-padding-bottom
   &.q-if-has-label
     padding-top $input-padding-top
+.q-if-hide-underline
+  padding-top 0
+  padding-bottom 0
+  &.q-if-has-label
+    padding-top $input-hide-underline-padding-top
 
 .q-if-standard, .q-if-inverted
   .q-if-label

src/components/input-frame/input-frame.mat.styl

@@ -56,6 +56,11 @@ $margin-top-box
   padding-bottom $input-padding-bottom
   &.q-if-has-label
     padding-top $input-padding-top
+.q-if-hide-underline
+  padding-top 0
+  padding-bottom 0
+  &.q-if-has-label
+    padding-top $input-hide-underline-padding-top
 
 .q-if-standard, .q-if-inverted
   .q-if-label

src/css/variables.ios.styl

@@ -146,6 +146,8 @@ $input-control-size    ?= 24px
 $input-control-margin  ?= 4px
 $input-min-height      ?= $input-control-size
 
+$input-hide-underline-padding-top ?= 18px
+
 $input-box-padding-top          ?= $input-padding-top
 $input-box-padding-bottom       ?= $input-padding-bottom
 

src/css/variables.mat.styl

@@ -147,6 +147,8 @@ $input-control-size    ?= 24px
 $input-control-margin  ?= 4px
 $input-min-height      ?= $input-control-size
 
+$input-hide-underline-padding-top ?= 18px
+
 $input-box-padding-top          ?= $input-padding-top
 $input-box-padding-bottom       ?= $input-padding-bottom