add poprow option for compact poppers

js/kiri-init.js

@@ -1200,7 +1200,7 @@ var gs_kiri_init = exports;
             gcodePre:         UC.newText(LANG.dv_head_s, {title:LANG.dv_head_l, modes:GCODE, size:14, height:3}),
             gcodePost:        UC.newText(LANG.dv_foot_s, {title:LANG.dv_foot_l, modes:GCODE, size:14, height:3}),
 
-            mode: UC.newGroup(LANG.mo_menu, assets, {region:"left"}),
+            mode: UC.newGroup(LANG.mo_menu, assets, {region:"left", poprow:false}),
             modeTable: UC.newTableRow([
                 [
                     UI.modeFDM =

js/moto-ui.js

@@ -139,6 +139,7 @@ var gs_moto_ui = exports;
             let pop = DOC.createElement('div');
             pop.classList.add('popper');
             if (lastRegion) pop.classList.add(lastRegion);
+            if (opt.poprow) pop.classList.add('poprow')
             row.appendChild(pop);
             addTo = pop;
         } else {

web/kiri/style.css

@@ -25,6 +25,14 @@ input[type=range]::-moz-focus-outer {
 .popper.right {
     right: 105%;
 }
+.popper svg {
+    width: 40px;
+    height: 40px;
+}
+.poprow > div {
+    display: flex;
+    flex-direction: row;
+}
 .dialog {
     display: none;
     color: black;