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