From 4e25121cf04ac50f53232fe1411bdb99ec6b685b Mon Sep 17 00:00:00 2001
From: Stewart Allen <stewart.allen@gmail.com>
Date: Thu, 21 Apr 2022 21:37:55 -0400
Subject: [PATCH] re-organize action menu

---
 src/mesh/build.js  | 31 ++++++++++++++++++-------------
 web/mesh/index.css |  7 +++++++
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/mesh/build.js b/src/mesh/build.js
index 57154f88..9dd837ba 100644
--- a/src/mesh/build.js
+++ b/src/mesh/build.js
@@ -384,17 +384,6 @@ function ui_build() {
                 h.button({ _: 'wireframe', onclick() { api.wireframe() } }),
             ])
         ]),
-        h.div([
-            h.div({ _: "model", class: "head" }),
-            h.div({ class: "back"}),
-            h.div({ class: "pop"}, [
-                h.button({ _: 'duplicate', onclick: tool.duplicate }),
-                h.button({ _: 'regroup', onclick: tool.regroup }),
-                h.button({ _: 'merge', onclick: tool.merge }),
-                h.button({ _: 'mirror', onclick: tool.mirror }),
-                h.button({ _: 'split', onclick: call.edit_split }),
-            ])
-        ]),
         h.div([
             h.div({ _: "boolean", class: "head" }),
             h.div({ class: "back"}),
@@ -405,10 +394,26 @@ function ui_build() {
             ])
         ]),
         h.div([
-            h.div({ _: "normal", class: "head" }),
+            h.div({ _: "models", class: "head" }),
             h.div({ class: "back"}),
             h.div({ class: "pop"}, [
-                h.button({ _: 'invert', onclick: tool.invert }),
+                h.button({ _: 'regroup', onclick: tool.regroup }),
+                h.span(),
+                h.button({ _: 'duplicate', onclick: tool.duplicate }),
+                h.button({ _: 'mirror', onclick: tool.mirror }),
+                h.button({ _: 'merge', onclick: tool.merge }),
+                h.button({ _: 'split', onclick: call.edit_split }),
+                h.span(),
+                h.button({ _: 'delete', onclick: api.selection.delete }),
+            ])
+        ]),
+        h.div([
+            h.div({ _: "faces", class: "head" }),
+            h.div({ class: "back"}),
+            h.div({ class: "pop"}, [
+                h.button({ _: 'invert\nnormals', onclick: tool.invert }),
+                h.span(),
+                h.button({ _: 'delete', onclick: api.selection.delete }),
             ])
         ]),
         h.div([
diff --git a/web/mesh/index.css b/web/mesh/index.css
index c0098be7..c8499827 100644
--- a/web/mesh/index.css
+++ b/web/mesh/index.css
@@ -506,6 +506,13 @@ button.selected:hover {
     width: 100%;
 }
 
+.pop span {
+    margin: 1px;
+    height: 1px;
+    width: 80%;
+    background-color: rgba(0,0,0,0.5);
+}
+
 .dark #actions > div:hover {
     background-color: #bbb;
 }