diff --git a/src/mesh/build.js b/src/mesh/build.js index 5f35b6b6..297fc48f 100644 --- a/src/mesh/build.js +++ b/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 }); diff --git a/web/mesh/index.css b/web/mesh/index.css index 56975e50..87579821 100644 --- a/web/mesh/index.css +++ b/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; }