move rough pop menu down for short screens

src/kiri/init.js

@@ -1616,7 +1616,7 @@
                 (UI.ssmClr = UC.newButton(undefined, onButtonClick, {icon:'<i class="fas fa-trash-alt"></i>'}))
             ], {modes:FDM, class:"ext-buttons f-row"}),
 
-            camRough:           UC.newGroup(LANG.cr_menu, null, {modes:CAM, marker:true}),
+            camRough:           UC.newGroup(LANG.cr_menu, null, {modes:CAM, marker:true, top:true}),
             camRoughTool:       UC.newSelect(LANG.cc_tool, {modes:CAM}),
             camRoughSpindle:    UC.newInput(LANG.cc_spnd_s, {title:LANG.cc_spnd_l, convert:UC.toInt, modes:CAM, visible:spindleShow}),
             camRoughOver:       UC.newInput(LANG.cc_sovr_s, {title:LANG.cc_sovr_l, convert:UC.toFloat, bound:UC.bound(0.01,1.0), modes:CAM}),

src/kiri/ui.js

@@ -212,6 +212,7 @@
         if (popper) {
             let pop = DOC.createElement('div');
             pop.classList.add('set-pop');
+            if (opt.top) pop.classList.add('top');
             row.appendChild(pop);
             row.setAttribute("class", "set-group noselect");
             addTo = pop;

web/kiri/index.css

@@ -1124,6 +1124,9 @@ th, tr, td, label {
     margin-right: 5px;
     padding: 5px;
 }
+.set-pop.top {
+    transform: translateY(-20%) !important;
+}
 .marker {
     position:absolute;
     border-radius: 2px;