From 0bbc02e10d39bf5a8fd6d991974ee4ff02fb9220 Mon Sep 17 00:00:00 2001
From: Nate Butler <iamnbutler@gmail.com>
Date: Tue, 4 Oct 2022 13:55:01 -0400
Subject: [PATCH] Add bottom padding and spacing between items to pickers

Co-Authored-By: gibusu <95764254+gibusu@users.noreply.github.com>
---
 styles/src/styleTree/picker.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/styles/src/styleTree/picker.ts b/styles/src/styleTree/picker.ts
index 5a41187662ccce3cb10575e77a396c0ac9003469..412e0c1bee49dcf0e14754a372548f82e24104b7 100644
--- a/styles/src/styleTree/picker.ts
+++ b/styles/src/styleTree/picker.ts
@@ -10,7 +10,12 @@ export default function picker(colorScheme: ColorScheme) {
   let layer = elevation.top;
   return {
     background: background(layer),
+    border: border(layer),
+    shadow: elevation.shadow,
     cornerRadius: 12,
+    padding: {
+      bottom: 4
+    },
     item: {
       padding: {
         bottom: 4,
@@ -19,10 +24,11 @@ export default function picker(colorScheme: ColorScheme) {
         top: 4,
       },
       margin: {
+        top: 1,
         left: 4,
         right: 4
       },
-      cornerRadius: 6,
+      cornerRadius: 8,
       text: text(layer, "sans", "variant"),
       highlightText: text(layer, "sans", "info", { weight: "bold" }),
       active: {
@@ -34,7 +40,6 @@ export default function picker(colorScheme: ColorScheme) {
         background: background(layer, "hovered"),
       },
     },
-    border: border(layer),
     empty: {
       text: text(layer, "sans", "variant"),
       padding: {
@@ -59,6 +64,5 @@ export default function picker(colorScheme: ColorScheme) {
         bottom: 4
       }
     },
-    shadow: elevation.shadow,
   };
 }