Fix dropdown caret spacing (#7096)
* Move dropdown caret away from edge * Set dropdown padding-right to spacing-xl
This commit is contained in:
parent
d1c74ec997
commit
5d06d4e254
3 changed files with 6 additions and 3 deletions
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue