Fix input hint and errors display

This commit is contained in:
Alice Gaudon 2020-09-10 16:17:06 +02:00
parent f70112e956
commit 16895e52e8
1 changed files with 9 additions and 6 deletions

View File

@ -349,15 +349,17 @@ form {
text-align: center;
.form-field {
position: relative;
display: flex;
flex-direction: column;
margin: 16px auto;
background: $inputBackground;
border-radius: 5px;
overflow: hidden;
> .feather.icon {
.control {
position: relative;
background: $inputBackground;
border-radius: 5px;
}
.feather.icon {
position: absolute;
top: 50%;
right: 8px;
@ -447,7 +449,8 @@ form {
height: calc(32px + 8px + 32px);
}
&.inline {
&.inline .control {
display: flex;
flex-direction: row;
align-items: center;