task: updated deactivated fields spacing and prevent opening of field update modal on menu dropdown click out (#1869)

Author: finnar-bin

src/apps/schema/src/appRevamp/components/Field/index.tsx

@@ -321,7 +321,11 @@ export const Field = ({
             </IconButton>
             <Menu
               open={isMenuOpen}
-              onClose={() => setAnchorEl(null)}
+              onClose={(e: React.MouseEvent<HTMLButtonElement>) => {
+                e.stopPropagation();
+
+                setAnchorEl(null);
+              }}
               anchorEl={anchorEl}
               anchorOrigin={{
                 vertical: "bottom",

src/apps/schema/src/appRevamp/components/FieldList.tsx

@@ -350,8 +350,14 @@ export const FieldList = ({ onNewFieldModalClick }: Props) => {
 
           {/* INACTIVE FIELDS ARE PRESENT */}
           {Boolean(deactivatedFields?.length) && !search && (
-            <Box mb={2} mt={0.5}>
-              <Box pl={3} pb={1.5}>
+            <Box
+              mb={2}
+              mt={0.5}
+              display="flex"
+              flexDirection="column"
+              gap={1.5}
+            >
+              <Box pl={3}>
                 <Typography variant="h6" mb={1}>
                   Deactivated Fields
                 </Typography>