From 0a288b86502e152405a2c3e8ecef38eb80d31b80 Mon Sep 17 00:00:00 2001
From: Stewart Allen <stewart.allen@gmail.com>
Date: Fri, 14 Jan 2022 18:42:02 -0500
Subject: [PATCH] add action button headers

---
 src/mesh/build.js  | 10 +++++++---
 web/mesh/index.css | 10 ++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/mesh/build.js b/src/mesh/build.js
index 77b6ca12..b1654389 100644
--- a/src/mesh/build.js
+++ b/src/mesh/build.js
@@ -226,6 +226,7 @@ function ui_build() {
     h.bind(actions, [
         h.div([
             // create and bind file loading elements
+            h.div({ _: "file", class: "head" }),
             h.button({ _: 'import', onclick: file.import }, [
                 h.input({
                     id: "import", type: "file", class: ["hide"], multiple: true,
@@ -233,17 +234,20 @@ function ui_build() {
                 })
             ]),
             h.button({ _: 'export', onclick: file.export }),
-            h.div({ class: "vsep" }),
+            // h.div({ class: "vsep" }),
+            h.div({ _: "view", class: "head" }),
             h.button({ _: 'visible', onclick() { selection.visible({ toggle: true }) } }),
             h.button({ _: 'bounds', onclick() { selection.boundsBox({ toggle: true }) } }),
             h.button({ _: 'gridlines', onclick() { api.grid() } }),
             h.button({ _: 'wireframe', onclick() { api.wireframe() } }),
             h.button({ _: 'normals', onclick() { api.normals() } }),
-            h.div({ class: "vsep" }),
+            // h.div({ class: "vsep" }),
+            h.div({ _: "edit", class: "head" }),
             h.button({ _: 'duplicate', onclick: tool.duplicate }),
             h.button({ _: 'merge', onclick: tool.merge }),
             h.button({ _: 'invert', onclick: tool.invert }),
-            h.div({ class: "vsep" }),
+            // h.div({ class: "vsep" }),
+            h.div({ _: "fix", class: "head" }),
             h.button({ _: 'analyze', onclick: tool.analyze }),
             h.button({ _: 'repair', onclick: tool.repair }),
             h.button({ _: 'clean', onclick: tool.clean }),
diff --git a/web/mesh/index.css b/web/mesh/index.css
index 6b7ab7b3..58fd49e6 100644
--- a/web/mesh/index.css
+++ b/web/mesh/index.css
@@ -360,6 +360,16 @@ button:hover {
     gap: 2px;
 }
 
+#actions .head {
+    align-items: center;
+    justify-content: center;
+    font-family: monospace;
+    font-weight: bold;
+    font-size: smaller;
+    border-radius: 3px;
+    background-color: rgba(150,150,150,0.05);
+}
+
 /** group/model buttons top/right of workspace **/
 
 #grouplist {