feat: qol improvements to items crud in admin gui

1 files changed, 16 insertions, 1 deletions

diff --git a/internal/admin/static/admin.css b/internal/admin/static/admin.css
index 6da338e..bdf9b60 100644
--- a/internal/admin/static/admin.css
+++ b/internal/admin/static/admin.css
@@ -11,6 +11,7 @@ body{font-family:monospace;background:var(--bg);color:var(--text);min-height:100
 .nav .undo-bar span{color:#888;flex:1;text-align:right;margin-right:8px}
 .layout{display:flex;height:calc(100vh - 38px)}
 .main{flex:1;overflow:auto;position:relative;user-select:none;-webkit-user-select:none}
+#mapSvg{display:block}
 .panel{width:300px;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;padding:16px;flex-shrink:0;position:relative}
 .panel-resize-handle{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5;background:transparent}
 .panel-resize-handle:hover{background:rgba(255,255,255,.06)}
@@ -153,6 +154,7 @@ g.ud-hover:hover text{font-weight:bold}
 .panel-tab-content .mini-label{font-size:9px;color:#888;display:block;margin-bottom:1px;margin-top:3px}
 .panel-tab-content .mini-input{width:60px!important;display:inline-block;margin-right:4px}
 .obj-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:5px;margin-bottom:10px;overflow:hidden;flex:1 1 calc(50% - 5px);min-width:340px;max-width:calc(50% - 5px)}
+.obj-card.obj-card-full{flex:1 1 100%;max-width:100%}
 .obj-fields-wrap{display:flex;flex-wrap:wrap;gap:10px}
 .obj-card-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(15,52,96,.3);cursor:pointer;user-select:none;font-size:13px;font-weight:bold}
 .obj-card-header:hover{background:rgba(15,52,96,.5)}
@@ -166,7 +168,7 @@ g.ud-hover:hover text{font-weight:bold}
 .obj-field input,.obj-field textarea,.obj-field select{padding:4px 6px;font-size:11px;background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:3px;font-family:monospace;width:100%}
 .obj-field textarea{resize:vertical;min-height:28px}
 .obj-field.obj-wide{grid-column:1/-1}
-.obj-field.obj-check{flex-direction:row;align-items:flex-end;gap:4px;padding-bottom:3px}
+.obj-field.obj-check{flex-direction:row;align-items:center;gap:4px;padding-bottom:3px}
 .obj-field.obj-check input{width:auto}
 .obj-field.obj-check span{font-size:11px;color:var(--text)}
 .obj-color-row{display:flex;align-items:center;gap:4px}
@@ -210,3 +212,16 @@ g.ud-hover:hover text{font-weight:bold}
 .obj-sub-row-line+.obj-sub-row-line{margin-top:4px}
 .obj-inline-compact .obj-card-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important}
 .obj-inline-compact .obj-narrow input{width:50px}
+.ingredients-table{border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-top:4px}
+.ingredients-header-row{display:flex;gap:4px;padding:4px 6px;background:rgba(255,255,255,.03);font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}
+.ingredients-ingredient{border-bottom:1px solid rgba(255,255,255,.04)}
+.ingredients-ingredient:last-child{border-bottom:none}
+.ingredients-pair{display:flex;gap:4px;padding:3px 6px;align-items:center;border-top:1px solid rgba(255,255,255,.03)}
+.ingredients-pair:first-child{border-top:none}
+.ingredients-pair-add{padding:2px 6px 4px}
+.ingredients-col{flex-shrink:0}
+.ingredients-col-qty{width:48px;display:flex;align-items:center}
+.ingredients-col-items{flex:1;min-width:0}
+.ingredients-col-byproducts{flex:1;min-width:0}
+.ingredients-col-x{width:26px;display:flex;align-items:center;justify-content:center}
+.ingredients-col-num{width:24px;text-align:center;color:#888;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}