show production in burgs editor

index.css

@@ -1639,6 +1639,15 @@ div.states > div.resourceBonus > span.icon-male {
   line-height: 1.4em;
 }
 
+#burgBody {
+  display: flex;
+  padding-bottom: 0.3em;
+}
+
+#burgBody > div {
+  width: 18em;
+}
+
 #burgBody div.label {
   display: inline-block;
   width: 6em;
@@ -1653,7 +1662,7 @@ div.states > div.resourceBonus > span.icon-male {
 #burgBody > div > div,
 #riverBody > div,
 #lakeBody > div {
-  padding: 0.1em;
+  line-height: 1.8em;
 }
 
 #riverBody div.label,

modules/ui/burg-editor.js

@@ -57,10 +57,6 @@ function editBurg(id) {
   function updateBurgValues() {
     const id = +elSelected.attr('data-id');
     const b = pack.burgs[id];
-    const province = pack.cells.province[b.cell];
-    const provinceName = province ? pack.provinces[province].fullName + ', ' : '';
-    const stateName = pack.states[b.state].fullName || pack.states[b.state].name;
-    document.getElementById('burgProvinceAndState').innerHTML = provinceName + stateName;
 
     document.getElementById("burgName").value = b.name;
     document.getElementById("burgType").value = b.type || "Generic";
@@ -99,6 +95,18 @@ function editBurg(id) {
     document.getElementById("burgExport").innerHTML = getExport(deals.filter((deal) => deal.exporter === b.i));
     document.getElementById("burgImport").innerHTML = '';
 
+    // economics block
+    let productionHTML = '';
+    for (const resourceId in b.production) {
+      const {name, icon} = Resources.get(+resourceId);
+      const production = b.production[resourceId];
+      productionHTML += `<span data-tip="${name}: ${production}">
+        <svg class="resIcon"><use href="#${icon}"></svg>
+        <span style="margin: 0 0.2em 0 -0.2em">${production}</span>
+      </span>`;
+    }
+    document.getElementById('burgProduction').innerHTML = productionHTML;
+
     //toggle lock
     updateBurgLockIcon();