From 1aefdba5ab288c3e1e94f10c7daa9b9901a0b6df Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 16 Dec 2020 11:00:02 -0500
Subject: [PATCH] fix wunderbar suggestions spacing

---
 ui/scss/component/_wunderbar.scss | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/ui/scss/component/_wunderbar.scss b/ui/scss/component/_wunderbar.scss
index 1aa70b692..ce505faec 100644
--- a/ui/scss/component/_wunderbar.scss
+++ b/ui/scss/component/_wunderbar.scss
@@ -109,7 +109,7 @@
   border-top-right-radius: 0;
   border-top-left-radius: 0;
   border-top: none;
-  padding: var(--spacing-xs);
+  padding-top: var(--spacing-xs);
   margin: 0 var(--spacing-s);
 }
 
@@ -127,10 +127,6 @@
 .wunderbar__label {
   margin-bottom: var(--spacing-xs);
   margin-left: var(--spacing-m);
-
-  @media (min-width: $breakpoint-small) {
-    margin-left: var(--spacing-xs);
-  }
 }
 
 .wunderbar__top-separator {
@@ -188,8 +184,13 @@
   margin-left: var(--spacing-m);
   margin-bottom: var(--spacing-l);
 
+  .button {
+    padding: var(--spacing-s);
+  }
+
   @media (min-width: $breakpoint-small) {
     margin-left: var(--spacing-s);
+    margin-bottom: var(--spacing-m);
   }
 }
 
@@ -245,6 +246,11 @@
   &:hover {
     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] {