feat(search): clean up spacing and alignment in typehead elements

This commit is contained in:
alistair3149 2024-09-26 22:18:29 -04:00
parent 84a12225d2
commit 5605d18f49
No known key found for this signature in database
2 changed files with 4 additions and 2 deletions

View file

@ -87,6 +87,8 @@
.citizen-typeahead {
&__content {
gap: var( --space-xs );
padding-right: var( --space-sm );
padding-left: var( --space-sm );
margin: 0;
border: var( --border-width-base ) solid var( --border-color-base );
border-radius: var( --border-radius-medium );
@ -186,7 +188,7 @@
&__content {
display: flex;
align-items: center;
padding: var( --space-xs ) var( --space-sm );
padding: var( --space-xs ) var( --space-md );
color: var( --color-base );
}

View file

@ -2,6 +2,7 @@
@position-offset-y-desktop: 3.5rem; /* Sync with search button position */
.citizen-search {
--size-icon: 1rem;
--width-search-bar: @width-search-bar;
--height-search-bar: 2.75rem;
@ -37,7 +38,6 @@
&__formButton,
&__formIcon {
--size-icon: 1rem;
display: grid;
place-content: center;
/* Sync with left icons (--size-icon + --space-sm * 2) and typeahead */