feat(admin): style conditions green and actions orange, standardize remove button wording

1 files changed, 6 insertions, 6 deletions

diff --git a/internal/admin/static/talktree.js b/internal/admin/static/talktree.js
index ef6efd0..b8c7106 100644
--- a/internal/admin/static/talktree.js
+++ b/internal/admin/static/talktree.js
@@ -368,7 +368,7 @@
     h += '<span class="talk-node-key">' + esc(key) + '</span>';
     h += '<span class="talk-node-preview">' + esc((getNodePreview(node) || '').substring(0, 60)) + '</span>';
     h += '<span class="talk-node-spacer"></span>';
-    h += '<button class="talk-node-btn talk-node-del" data-action="delete-node" data-nk="' + escAttr(key) + '">Delete</button>';
+    h += '<button class="talk-node-btn talk-node-del" data-action="delete-node" data-nk="' + escAttr(key) + '">Remove</button>';
     h += '</div>';
     h += '<div class="talk-node-body">';
     h += renderNodeBody(key, node, nodes);
@@ -398,7 +398,7 @@
     html += '<span class="talk-node-key">' + esc(rootKey) + '</span>';
     html += '<span class="talk-node-preview">' + esc((previewText || '').substring(0, 60)) + '</span>';
     html += '<span class="talk-node-spacer"></span>';
-    html += '<button class="talk-node-btn talk-node-del" data-action="delete-node" data-nk="' + escAttr(rootKey) + '">Delete</button>';
+    html += '<button class="talk-node-btn talk-node-del" data-action="delete-node" data-nk="' + escAttr(rootKey) + '">Remove</button>';
     html += '</div>';
 
     html += '<div class="talk-node-body">';
@@ -440,7 +440,7 @@
 
     // Node condition (via intereditor)
     if (hasCond) {
-      html += '<div class="talk-cond-card">';
+      html += '<div class="talk-cond-card cond">';
       html += '<div class="talk-cond-card-header">' +
         'Condition (for this node)' +
         '<button class="talk-section-remove" data-action="remove-node-cond" data-nk="' + escAttr(nodeKey) + '">Remove</button>' +
@@ -463,7 +463,7 @@
 
     // Node action (via intereditor)
     if (hasAct) {
-      html += '<div class="talk-cond-card" style="margin-top:4px">';
+      html += '<div class="talk-cond-card act" style="margin-top:4px">';
       html += '<div class="talk-cond-card-header">' +
         'Action (at the start of this node)' +
         '<button class="talk-section-remove" data-action="remove-node-act" data-nk="' + escAttr(nodeKey) + '">Remove</button></div>';
@@ -551,7 +551,7 @@
         // Option condition detail
         if (opt.condition && typeof opt.condition === 'object' && !Array.isArray(opt.condition)) {
           html += '<div class="talk-opt-detail" style="display:block;margin-left:18px">';
-          html += '<div class="talk-cond-card" style="margin-top:2px">';
+          html += '<div class="talk-cond-card cond" style="margin-top:2px">';
           html += '<div class="talk-cond-card-header">Condition (for this option to show up)' +
             '<button class="talk-section-remove" data-action="remove-opt-cond" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '">Remove</button></div>';
           html += '<div class="talk-cond-card-body">';
@@ -564,7 +564,7 @@
         // Option action detail
         if (opt.action) {
           html += '<div class="talk-opt-detail" style="display:block;margin-left:18px">';
-          html += '<div class="talk-cond-card" style="margin-top:2px">';
+          html += '<div class="talk-cond-card act" style="margin-top:2px">';
           html += '<div class="talk-cond-card-header">' +
             'Action (when this option is chosen)' +
             '<button class="talk-section-remove" data-action="remove-opt-act" data-nk="' + escAttr(nodeKey) + '" data-oi="' + idx + '">Remove</button></div>';