More alignment fixes

webapp/src/components/NameManagerDialog/NameManagerDialog.tsx

@@ -202,7 +202,8 @@ const StyledBox = styled(Box)`
   display: flex;
   flex-direction: column;
   justify-content: center;
-  width: 161.67px;
+  width: 100%;
+  padding-left: 8px;
 `;
 
 const StyledDialogContent = styled(DialogContent)`
@@ -214,8 +215,8 @@ const StyledDialogContent = styled(DialogContent)`
 const StyledRangesHeader = styled(Stack)(({ theme }) => ({
   flexDirection: "row",
   minHeight: "32px",
-  padding: "0px 84px 0px 12px",
-  gap: "8px",
+  padding: "0px 96px 0px 12px",
+  gap: "12px",
   fontFamily: theme.typography.fontFamily,
   fontSize: "12px",
   fontWeight: "700",

webapp/src/components/NameManagerDialog/NamedRangeActive.tsx

@@ -122,7 +122,7 @@ const StyledBox = styled(Box)`
   align-items: center;
   gap: 12px;
   width: auto;
-  padding: 12px 20px 12px 4px;
+  padding: 12px 20px 12px 12px;
   box-shadow: 0 -1px 0 ${theme.palette.grey[300]};
 `;
 

webapp/src/components/NameManagerDialog/NamedRangeInactive.tsx

@@ -59,7 +59,7 @@ const WrappedLine = styled(Box)({
   maxHeight: "52px",
   alignItems: "center",
   gap: "12px",
-  padding: "12px 20px 12px 4px",
+  padding: "12px 20px 12px 12px",
 });
 
 const StyledDiv = styled("div")(({ theme }) => ({