From e17388eee44534e6b5d55bfcb4ae3e16cc5e1ede Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Tue, 1 Aug 2023 20:32:24 -0700
Subject: fix icon sizes

---
 .../react-app/src/components/StepContainer.tsx     | 23 +++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

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

diff --git a/extension/react-app/src/components/StepContainer.tsx b/extension/react-app/src/components/StepContainer.tsx
index 4726b609..19cdd2e1 100644
--- a/extension/react-app/src/components/StepContainer.tsx
+++ b/extension/react-app/src/components/StepContainer.tsx
@@ -167,12 +167,12 @@ function StepContainer(props: StepContainerProps) {
             loading={(props.historyNode.active as boolean) || false}
             error={props.historyNode.observation?.error ? true : false}
           >
-            <div className="m-2">
+            <div className="m-2 flex items-center">
               {!isUserInput &&
                 (props.open ? (
-                  <ChevronDownIcon className="h-6 w-6" />
+                  <ChevronDownIcon width="1.5em" height="1.5em" />
                 ) : (
-                  <ChevronRightIcon className="h-6 w-6" />
+                  <ChevronRightIcon width="1.5em" height="1.5em" />
                 ))}
               {props.historyNode.observation?.title ||
                 (props.historyNode.step.name as any)}
@@ -195,7 +195,7 @@ function StepContainer(props: StepContainerProps) {
                     client?.showLogsAtIndex(props.index);
                   }}
                 >
-                  <MagnifyingGlassIcon className="h-6 w-6" />
+                  <MagnifyingGlassIcon width="1.5em" height="1.5em" />
                 </HeaderButtonWithText>
               )}
               <HeaderButtonWithText
@@ -211,11 +211,16 @@ function StepContainer(props: StepContainerProps) {
               >
                 {props.historyNode.active ? (
                   <StopCircleIcon
-                    className="h-6 w-6"
+                    width="1.5em"
+                    height="1.5em"
                     onClick={props.onDelete}
                   />
                 ) : (
-                  <XMarkIcon className="h-6 w-6" onClick={props.onDelete} />
+                  <XMarkIcon
+                    width="1.5em"
+                    height="1.5em"
+                    onClick={props.onDelete}
+                  />
                 )}
               </HeaderButtonWithText>
               {props.historyNode.observation?.error ? (
@@ -226,7 +231,11 @@ function StepContainer(props: StepContainerProps) {
                     props.onRetry();
                   }}
                 >
-                  <ArrowPathIcon className="h-6 w-6" onClick={props.onRetry} />
+                  <ArrowPathIcon
+                    width="1.5em"
+                    height="1.5em"
+                    onClick={props.onRetry}
+                  />
                 </HeaderButtonWithText>
               ) : (
                 <></>
-- 
cgit v1.2.3-70-g09d2

