Fix dropdown caret spacing (#7096)

* Move dropdown caret away from edge

* Set dropdown padding-right to spacing-xl
This commit is contained in:
Alexander Schrier 2021-09-15 14:18:17 -05:00 committed by GitHub
parent d1c74ec997
commit 5d06d4e254
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 3 deletions

View file

@ -19,6 +19,8 @@
.claim-list__dropdown {
padding: 0 var(--spacing-m);
padding-right: var(--spacing-xl);
background-position: right var(--spacing-m) center;
@media (max-width: $breakpoint-small) {
margin-left: 0;

View file

@ -26,9 +26,10 @@
.claim-search__dropdown {
padding: 0 var(--spacing-m);
padding-right: var(--spacing-l);
padding-right: var(--spacing-xl);
font-size: var(--font-body);
background-color: var(--color-card-background);
background-position: right var(--spacing-m) center;
}
.claim-search__dropdown--selected {

View file

@ -45,10 +45,10 @@ select {
select {
background-image: var(--select-toggle-background);
background-position: 99% center;
background-position: right var(--spacing-s) center;
background-repeat: no-repeat;
background-size: 1rem;
padding-right: var(--spacing-l);
padding-right: var(--spacing-xl);
padding-left: var(--spacing-s);
font-weight: bold;
}