clean up model visible toggle

src/mesh/build.js

@@ -449,7 +449,7 @@ function ui_build() {
                                     selection.set([m])
                             }
                         }),
-                        h.div({
+                        h.button({
                             class: [ 'square' ],
                             onclick(e) {
                                 m.visible({ toggle: true });

web/mesh/index.css

@@ -511,15 +511,16 @@ button.selected:hover {
 
 #grouplist .models {
     display: grid;
-    grid-template-columns: auto auto;
+    grid-template-columns: auto min-content;
     max-height: 200px;
     overflow-y: auto;
-    gap: 2px;
+    gap: 1px;
 }
 
 #grouplist .models .square {
     align-items: center;
     justify-content: center;
+    margin: 0;
 }
 
 .dark #grouplist .models .square > svg {
@@ -528,13 +529,10 @@ button.selected:hover {
 
 #grouplist .models .square > svg {
     aspect-ratio: 1;
+    height: 90%;
     color: #666;
 }
 
-#grouplist .models .square > svg:hover {
-    color: black;
-}
-
 #grouplist .models > div {
     flex-direction: row;
 }