fix(generate-test): icon

stakwork · Oct 30, 2024 · b96b9bf · b96b9bf
1 parent 9536a43
commit b96b9bf
Showing 1 changed file with 22 additions and 3 deletions.
diff --git a/src/components/Universe/Graph/UI/NodeControls/index.tsx b/src/components/Universe/Graph/UI/NodeControls/index.tsx
@@ -239,7 +239,8 @@ export const NodeControls = memo(() => {
                   handleClose()
                 }}
               >
-                <AddCircleIcon data-testid="AddCircleIcon" /> Add edge
+                <AddCircleIcon data-testid="AddCircleIcon" />
+                Add edge
               </PopoverOption>
             </>
           ) : (
@@ -250,15 +251,21 @@ export const NodeControls = memo(() => {
                   handleClose()
                 }}
               >
-                <AddCircleIcon data-testid="AddCircleIcon" /> Generate Tests
+                <IconWrapper>
+                  <AddCircleIcon data-testid="AddCircleIcon" />
+                </IconWrapper>
+                Generate Tests
               </PopoverOption>
               <PopoverOption
                 data-testid="add_comments"
                 onClick={() => {
                   handleClose()
                 }}
               >
-                <DocumentIcon data-testid="DocumentIcon" /> Add Comments
+                <IconWrapper>
+                  <DocumentIcon data-testid="DocumentIcon" />{' '}
+                </IconWrapper>
+                Add Comments
               </PopoverOption>
               <PopoverOption
                 data-testid="review_bugs"
@@ -350,6 +357,18 @@ const PopoverWrapper = styled(Popover)`
   }
 `
 
+const IconWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: start;
+
+  svg {
+    margin-top: 1px;
+    width: 12px;
+    height: 12px;
+  }
+`
+
 const CreateTestButton = styled.div<ButtonProps>`
   position: fixed;
   top: 40px;