(html,css) Improve forms

Improved pseudo-input and used md-inline-form
This commit is contained in:
Francis Lachapelle
2016-06-14 16:11:12 -04:00
parent 4744170628
commit 85b764c179
6 changed files with 53 additions and 57 deletions
@@ -18,6 +18,7 @@
.pseudo-input-container {
display: block; // Should be (reset to ?) a plain block element
padding: 0 2px;
vertical-align: middle;
}
.sg-search-field-container {
margin-bottom: 12px;
@@ -42,6 +43,10 @@
@include rtl(transform-origin, left top, right top);
}
.button-label {
@include rtl(transform-origin, left center, right center);
}
.pseudo-input-label--no-margin,
.button-label {
margin-top: 0;
@@ -55,6 +60,11 @@
.pseudo-input-field {
display: block;
padding-top: $input-padding-top + 2;
padding-bottom: $input-border-width-focused - $input-border-width-default;
padding-left: 2px;
padding-right: 2px;
border-width: 0;
}
.pseudo-input-field--underline {