diff --git a/static/js/components.js b/static/js/components.js
index fa10e58..694a75d 100644
--- a/static/js/components.js
+++ b/static/js/components.js
@@ -312,7 +312,7 @@ export function createNodeElement(node, switchConnection, nodeLocation, uplinkIn
if (!removeBtn) {
removeBtn = document.createElement('button');
removeBtn.className = 'remove-node-btn';
- removeBtn.textContent = '×';
+ removeBtn.textContent = 'X';
removeBtn.title = 'Remove node';
removeBtn.addEventListener('click', (e) => {
e.stopPropagation();
diff --git a/static/js/table.js b/static/js/table.js
index 3833d92..269e001 100644
--- a/static/js/table.js
+++ b/static/js/table.js
@@ -300,7 +300,7 @@ export function renderNetworkTable() {
html += '
' + r.status + ' | ';
html += '';
if (r.removable) {
- html += '';
+ html += '';
}
html += ' | ';
html += '';
diff --git a/static/style.css b/static/style.css
index 590e5b3..dc9f149 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1056,7 +1056,8 @@ body.sacn-mode .node:not(.sacn-out):not(.sacn-in):hover .node-info-wrapper {
.node:has(.uplink-hover:hover) .node-info-wrapper,
.node:has(.dante-hover:hover) .node-info-wrapper,
.node:has(.artnet-hover:hover) .node-info-wrapper,
-.node:has(.sacn-hover:hover) .node-info-wrapper {
+.node:has(.sacn-hover:hover) .node-info-wrapper,
+.node:has(.remove-node-btn:hover) .node-info-wrapper {
display: none;
}
@@ -1276,8 +1277,24 @@ body.sacn-mode .node:not(.sacn-out):not(.sacn-in):hover .node-info-wrapper {
.node .remove-node-btn {
position: absolute;
- bottom: 2px;
- right: 2px;
+ top: -8px;
+ right: -4px;
+ width: auto;
+ height: auto;
+ padding: 1px 6px;
+ font-size: 10px;
+ line-height: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: #833;
+ border: none;
+ border-radius: 8px;
+ color: #fff;
+}
+
+.node .remove-node-btn:hover {
+ background: #a44;
}
.data-table .remove-node-btn {