From f4051a73b4961de26e7b8c4bf297de8eda57e39a Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Thu, 3 Aug 2023 19:49:22 -0700
Subject: refactor: :lipstick: smaller icons

---
 extension/react-app/src/components/PillButton.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'extension/react-app/src/components/PillButton.tsx')

diff --git a/extension/react-app/src/components/PillButton.tsx b/extension/react-app/src/components/PillButton.tsx
index 8e5f896e..586c49f0 100644
--- a/extension/react-app/src/components/PillButton.tsx
+++ b/extension/react-app/src/components/PillButton.tsx
@@ -28,8 +28,11 @@ const Button = styled.button`
   color: ${vscForeground};
   background-color: ${secondaryDark};
   border-radius: ${defaultBorderRadius};
-  padding: 8px;
+  padding: 4px;
+  padding-left: 8px;
+  padding-right: 8px;
   overflow: hidden;
+  font-size: 13px;
 
   cursor: pointer;
 `;
@@ -50,7 +53,6 @@ const GridDiv = styled.div`
 
 const ButtonDiv = styled.div<{ backgroundColor: string }>`
   background-color: ${secondaryDark};
-  padding: 3px;
   height: 100%;
   display: flex;
   align-items: center;
@@ -81,6 +83,7 @@ interface PillButtonProps {
   warning?: string;
   index: number;
   addingHighlightedCode?: boolean;
+  areMultipleItems?: boolean;
 }
 
 const PillButton = (props: PillButtonProps) => {
@@ -134,8 +137,8 @@ const PillButton = (props: PillButtonProps) => {
             position: "relative",
             borderColor: props.warning
               ? "red"
-              : props.item.editing
-              ? "#8800aa"
+              : props.item.editing && props.areMultipleItems
+              ? vscForeground
               : "transparent",
             borderWidth: "1px",
             borderStyle: "solid",
-- 
cgit v1.2.3-70-g09d2

