fix(gui): wrong assignment to cells in grid of annotation tag for manual annotations (#961)

Author: lars-reimann

api-editor/gui/src/features/annotations/AnnotationView.tsx

@@ -1,4 +1,4 @@
-import { Button, ButtonGroup, Icon, IconButton, SimpleGrid, Text as ChakraText, Tooltip } from '@chakra-ui/react';
+import { Box, Button, ButtonGroup, Icon, IconButton, SimpleGrid, Text as ChakraText, Tooltip } from '@chakra-ui/react';
 import React from 'react';
 import { FaCheck, FaFlag, FaQuestion, FaRobot, FaTimes, FaTrash, FaUser, FaWrench } from 'react-icons/fa';
 import { useAppDispatch, useAppSelector } from '../../app/hooks';
@@ -464,21 +464,23 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
                     </>
                 )}
             </ButtonGroup>
-            {isReportable && (
-                <Tooltip label="Report a wrong autogenerated annotation.">
-                    <IconButton
-                        icon={<FaFlag />}
-                        aria-label="Report Wrong Annotation"
-                        colorScheme="orange"
-                        size="sm"
-                        variant="outline"
-                        disabled={reviewResult === ReviewResult.Correct || !isValidUsername}
-                        onClick={() => {
-                            window.open(wrongAnnotationURL(type, annotation), '_blank');
-                        }}
-                    />
-                </Tooltip>
-            )}
+            <Box>
+                {isReportable && (
+                    <Tooltip label="Report a wrong autogenerated annotation.">
+                        <IconButton
+                            icon={<FaFlag />}
+                            aria-label="Report Wrong Annotation"
+                            colorScheme="orange"
+                            size="sm"
+                            variant="outline"
+                            disabled={reviewResult === ReviewResult.Correct || !isValidUsername}
+                            onClick={() => {
+                                window.open(wrongAnnotationURL(type, annotation), '_blank');
+                            }}
+                        />
+                    </Tooltip>
+                )}
+            </Box>
         </>
     );
 };