fix: edit node button overflowing

This commit is contained in:
Rucha Mahabal 2021-06-30 02:29:16 +05:30
parent b8a18bfef1
commit 77b0b8a877
2 changed files with 3 additions and 1 deletions

View File

@ -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>

View File

@ -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;
}
}