fix app ver and mode centering

src/mesh/build.js

@@ -172,7 +172,7 @@ gapp.broker.subscribe("mesh.log", log.emit);
 function ui_build() {
     // set app version
     $h('app-name', "Mesh:Tool");
-    $h('app-vers', gapp.version);
+    $h('app-vers', 'beta' /* gapp.version */);
 
     // add a help button
     h.bind($('top-right'), [
@@ -238,6 +238,7 @@ function ui_build() {
             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.button({ _: 'duplicate', onclick: tool.duplicate }),
             h.button({ _: 'merge', onclick: tool.merge }),

web/mesh/index.css

@@ -59,16 +59,15 @@ body, div {
     position: absolute;
     white-space: nowrap;
     font-size: smaller;
-    font-family: sans-serif;
-    margin-top: 5px;
-    padding: 5px;
-    transform: translateX(-50%);
-    left: 50%;
-    top: 100%;
+    font-family: monospace;
+    transform: translate(5px,-50%);
     color: var(--fg-gray);
+    margin: 0;
+    padding: 2px 3px 2px 3px;
+    border: 1px solid rgba(0,0,0,0.25);
     border-radius: 3px;
-    border: 1px solid #ddd;
-    background-color: white;
+    left: 100%;
+    top: 50%;
 }
 
 #app-body {
@@ -291,7 +290,7 @@ button:hover {
     justify-content: center;
     border: 1px solid rgba(0,0,0,0.5);
     border-radius: 2px;
-    margin: 3px;
+    margin-top: 3px;
     padding: 3px;
     gap: 2px;
 }