1 files changed, 5 insertions, 3 deletions
diff --git a/internal/admin/static/mobeditor.js b/internal/admin/static/mobeditor.js
index 73dd16b..debe7e0 100644
--- a/internal/admin/static/mobeditor.js
+++ b/internal/admin/static/mobeditor.js
@@ -149,7 +149,7 @@ function loadMob(id) {
 }
 
 function renderMobEditor(id, data) {
-  var html = '<h2>Mob: ' + esc(id) + '</h2>';
+  var html = renderRenameableHeader('Mob', id);
   html += '<div class="tabs"><button class="tab active" onclick="switchTab(event,\'fields\')">Fields</button>';
   html += '<button class="tab" onclick="switchTab(event,\'yaml\')">Raw YAML</button></div>';
 
@@ -574,6 +574,7 @@ function toggleMobCardWidth(id) {
 function removeMobSection(id) {
   var sec = MOB_SECTIONS.find(function(s) { return s.id === id; });
   if (!sec) return;
+  ced_syncDOMToData(mobData);
   if (sec.path) {
     delete mobData[sec.path];
   } else {
@@ -582,7 +583,7 @@ function removeMobSection(id) {
     if (sec.subtables) sec.subtables.forEach(function(st) { delete mobData[st.key]; });
   }
   delete addedSections[id];
-  renderCurrent();
+  renderMobEditor(mobID, mobData);
 }
 
 function mobAddSection() {
@@ -635,8 +636,9 @@ function addMobSubRow(cardID, subKey) {
 function removeMobSubRow(cardID, subKey, idx) {
   var sec = MOB_SECTIONS.find(function(s) { return s.id === cardID; });
   if (!sec) return;
+  ced_syncDOMToData(mobData);
   ced_removeSubRow(sec, subKey, idx, mobData, mobCardPath);
-  renderCurrent();
+  renderMobEditor(mobID, mobData);
 }
 
 function addMobLootRow(kind) {