From 576c358e2a6a20cc62b805c4c75a8058c4c74fd9 Mon Sep 17 00:00:00 2001
From: Daniel <danielglezalbo@gmail.com>
Date: Sun, 12 Jan 2025 23:36:47 +0100
Subject: [PATCH] More alignment fixes

---
 .../src/components/NameManagerDialog/NameManagerDialog.tsx | 7 ++++---
 .../src/components/NameManagerDialog/NamedRangeActive.tsx  | 2 +-
 .../components/NameManagerDialog/NamedRangeInactive.tsx    | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/webapp/src/components/NameManagerDialog/NameManagerDialog.tsx b/webapp/src/components/NameManagerDialog/NameManagerDialog.tsx
index bf27ed7..0dfb7cc 100644
--- a/webapp/src/components/NameManagerDialog/NameManagerDialog.tsx
+++ b/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",
diff --git a/webapp/src/components/NameManagerDialog/NamedRangeActive.tsx b/webapp/src/components/NameManagerDialog/NamedRangeActive.tsx
index 9185522..1769a6a 100644
--- a/webapp/src/components/NameManagerDialog/NamedRangeActive.tsx
+++ b/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]};
 `;
 
diff --git a/webapp/src/components/NameManagerDialog/NamedRangeInactive.tsx b/webapp/src/components/NameManagerDialog/NamedRangeInactive.tsx
index 638fdf9..0a77cb3 100644
--- a/webapp/src/components/NameManagerDialog/NamedRangeInactive.tsx
+++ b/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 }) => ({