fix: edit node button overflowing
diff --git a/erpnext/public/js/templates/node_card.html b/erpnext/public/js/templates/node_card.html
index 30aedab..c3d8e01 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 16137fd..eefc14d 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;
}
}