Reduce key icon size to avoid extra padding on command palette item

Nate Butler created 3 years ago

- Also remove unneeded imports

Change summary

assets/themes/dark.json                | 4 ++--
assets/themes/light.json               | 4 ++--
styles/src/styleTree/commandPalette.ts | 7 +++----
3 files changed, 7 insertions(+), 8 deletions(-)

Detailed changes

assets/themes/dark.json

@@ -741,8 +741,8 @@
         "width": 1
       },
       "padding": {
-        "top": 3,
-        "bottom": 3,
+        "top": 2,
+        "bottom": 2,
         "left": 8,
         "right": 8
       },

assets/themes/light.json

@@ -741,8 +741,8 @@
         "width": 1
       },
       "padding": {
-        "top": 3,
-        "bottom": 3,
+        "top": 2,
+        "bottom": 2,
         "left": 8,
         "right": 8
       },

styles/src/styleTree/commandPalette.ts

@@ -1,6 +1,5 @@
 import Theme from "../themes/theme";
-import { colors } from "../tokens";
-import { text, backgroundColor, border, borderColor } from "./components";
+import { text, backgroundColor, border } from "./components";
 
 export default function commandPalette(theme: Theme) {
   return {
@@ -11,8 +10,8 @@ export default function commandPalette(theme: Theme) {
       background: backgroundColor(theme, "on300"),
       border: border(theme, "secondary"),
       padding: {
-        top: 3,
-        bottom: 3,
+        top: 2,
+        bottom: 2,
         left: 8,
         right: 8,
       },