Add labels to investments filters

Note that adding the labels broke the layout because the button was no
longer aligned with the fields, so we're now using a flex layout.

Since we're using labels, we no longer need a placeholder (which wasn't
very informative, by the way) in the text field.
This commit is contained in:
Javi Martín
2024-10-11 22:57:52 +02:00
parent 670f4515ab
commit 4102330abc
6 changed files with 95 additions and 56 deletions

View File

@@ -29,4 +29,26 @@
margin-top: calc(#{$line-height} / 2);
}
}
.basic-filters {
align-items: flex-end;
clear: both;
display: flex;
flex-wrap: wrap;
> * {
@include grid-column-gutter;
width: 100%;
@include breakpoint(medium) {
width: 25%;
}
}
> .title-or-id-filter {
@include breakpoint(medium) {
width: 50%;
}
}
}
}