src/app/components/search-input/search-input.style.scss
@import '~@code.gov/code-gov-style/_sass/_variables';
.search-input-wrapper {
position: relative;
.autocomplete-container {
display: none;
position: absolute;
width: 100%;
@media screen and (min-width: $small-screen) {
display: block;
}
}
.search-description-wrapper {
font-size: 1.6rem;
margin: 0 auto;
margin-bottom: .8rem;
text-align: left;
width: 100%;
> div {
text-align: left;
}
}
.search-input-and-button-wrapper {
margin: 0 auto;
text-align: left;
width: 100%;
input {
/* 100% minus width of the button */
width: calc(100% - 30px);
}
button.go {
margin-right: 0;
position: absolute;
}
}
.icon-search {
color: black;
}
}