From d363f9db3d19cd01188cc4516f461d14dd0eb72c Mon Sep 17 00:00:00 2001
From: Rucha Mahabal <ruchamahabal2@gmail.com>
Date: Wed, 30 Jun 2021 02:29:16 +0530
Subject: [PATCH] fix: edit node button overflowing

---
 erpnext/public/js/templates/node_card.html | 2 +-
 erpnext/public/scss/hierarchy_chart.scss   | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/erpnext/public/js/templates/node_card.html b/erpnext/public/js/templates/node_card.html
index 30aedab4bb..c3d8e010b5 100644
--- a/erpnext/public/js/templates/node_card.html
+++ b/erpnext/public/js/templates/node_card.html
@@ -8,7 +8,7 @@
 		<div>
 			<div class="node-name d-flex flex-row mb-1">
 				<span class="ellipsis">{{ name }}</span>
-				<div class="btn-xs btn-edit-node d-flex flex-row ml-5">
+				<div class="btn-xs btn-edit-node d-flex flex-row">
 					<a class="node-edit-icon">{{ frappe.utils.icon("edit", "xs") }}</a>
 					<span class="edit-chart-node text-xs">{{ __("Edit") }}</span>
 				</div>
diff --git a/erpnext/public/scss/hierarchy_chart.scss b/erpnext/public/scss/hierarchy_chart.scss
index 16137fdb5f..eefc14d679 100644
--- a/erpnext/public/scss/hierarchy_chart.scss
+++ b/erpnext/public/scss/hierarchy_chart.scss
@@ -57,6 +57,7 @@
 		font-size: .75rem;
 		justify-content: center;
 		box-shadow: var(--shadow-sm);
+		margin-left: auto;
 	}
 
 	.edit-chart-node {
@@ -79,6 +80,7 @@
 		align-items: center;
 		justify-content: space-between;
 		margin-bottom: 2px;
+		width: 12.2rem;
 	}
 }