fix wunderbar suggestions spacing

This commit is contained in:
Sean Yesmunt 2020-12-16 11:00:02 -05:00
parent 9ecd9457d3
commit 1aefdba5ab

View file

@ -109,7 +109,7 @@
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top: none; border-top: none;
padding: var(--spacing-xs); padding-top: var(--spacing-xs);
margin: 0 var(--spacing-s); margin: 0 var(--spacing-s);
} }
@ -127,10 +127,6 @@
.wunderbar__label { .wunderbar__label {
margin-bottom: var(--spacing-xs); margin-bottom: var(--spacing-xs);
margin-left: var(--spacing-m); margin-left: var(--spacing-m);
@media (min-width: $breakpoint-small) {
margin-left: var(--spacing-xs);
}
} }
.wunderbar__top-separator { .wunderbar__top-separator {
@ -188,8 +184,13 @@
margin-left: var(--spacing-m); margin-left: var(--spacing-m);
margin-bottom: var(--spacing-l); margin-bottom: var(--spacing-l);
.button {
padding: var(--spacing-s);
}
@media (min-width: $breakpoint-small) { @media (min-width: $breakpoint-small) {
margin-left: var(--spacing-s); margin-left: var(--spacing-s);
margin-bottom: var(--spacing-m);
} }
} }
@ -245,6 +246,11 @@
&:hover { &:hover {
background-color: var(--color-menu-background--active); background-color: var(--color-menu-background--active);
} }
@media (min-width: $breakpoint-small) {
margin-left: var(--spacing-xs);
margin-right: var(--spacing-xs);
}
} }
[data-reach-combobox-option][data-highlighted] { [data-reach-combobox-option][data-highlighted] {