fix(components): Fix styling issue in machinesTableItem

Added 'withArrow' prop to Popover component to display arrow correctly in the add tag popover. Adjusted the spacing between buttons in the Group component.
Arispex · Apr 5, 2024 · 3b40c9e · 3b40c9e
1 parent 490c2c7
commit 3b40c9e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/machinesTableItem.jsx b/src/components/machinesTableItem.jsx
@@ -221,7 +221,7 @@ export default function MachinesTableItem(props) {
                             </Group>
                         </Stack>
                     </Modal>
-                    <Popover opened={isAddTagPopoverOpened}>
+                    <Popover opened={isAddTagPopoverOpened} withArrow>
                         <Popover.Target>
                             <Tooltip label={"Add Tag"}>
                                 <IconTag onClick={() => setIsAddTagPopoverOpened(!isAddTagPopoverOpened)}></IconTag>
@@ -233,7 +233,7 @@ export default function MachinesTableItem(props) {
                                 <Stack>
                                     <TextInput
                                         label={"Add Tag"} {...addTagPopoverForm.getInputProps("newTag")}></TextInput>
-                                    <Group>
+                                    <Group justify={"space-between"}>
                                         <Button type={"submit"}>Add</Button>
                                         <Button
                                             onClick={() => setIsAddTagPopoverOpened(!isAddTagPopoverOpened)}>Cancel</Button>