Once the button was pressed, part of the form appeared next to the button instead of appearing below it.
55 lines
740 B
SCSS
55 lines
740 B
SCSS
.advanced-search {
|
|
color: $link;
|
|
cursor: pointer;
|
|
margin: $line-height 0;
|
|
|
|
@include breakpoint(medium) {
|
|
float: right;
|
|
margin-bottom: 0;
|
|
margin-top: $line-height / 4;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
&:focus {
|
|
outline: $outline-focus;
|
|
}
|
|
}
|
|
|
|
.advanced-search-form {
|
|
|
|
@include breakpoint(large) {
|
|
.filter {
|
|
@include grid-column;
|
|
width: 25%;
|
|
}
|
|
|
|
.date-filters {
|
|
float: left;
|
|
width: 25%;
|
|
|
|
.filter {
|
|
width: 100%;
|
|
}
|
|
|
|
.custom-date-filters {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
.submit {
|
|
width: 25%;
|
|
}
|
|
}
|
|
|
|
.general-search,
|
|
.filter,
|
|
.submit {
|
|
@include grid-column-gutter;
|
|
}
|
|
|
|
select {
|
|
height: $line-height * 2;
|
|
}
|
|
}
|