From ecef9c4479fe5a2fc6e7ca1f2494c6645fd27b3a Mon Sep 17 00:00:00 2001
From: Stewart Allen <stewart.allen@gmail.com>
Date: Wed, 7 Jan 2026 19:17:12 -0500
Subject: [PATCH] reflow cam op + list

---
 web/kiri/index.css  | 5 +++--
 web/kiri/index.html | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/kiri/index.css b/web/kiri/index.css
index c3b6f387..6dc1e276 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -1534,9 +1534,10 @@ details[open] summary::after {
     font-size: larger;
 }
 #op-add-pop {
+    pointer-events: all !important;
     position: absolute;
     display: none;
-    top: 0;
+    top: 50%;
     right: 100%;
     transform: translateY(-50%);
 }
@@ -1545,7 +1546,7 @@ details[open] summary::after {
 }
 .op-grid {
     display: grid !important;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr 1fr 1fr;
     grid-template-rows: auto;
     align-items: center;
     gap: 5px;
diff --git a/web/kiri/index.html b/web/kiri/index.html
index 7291bdb1..7afcc4a5 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -455,14 +455,14 @@
                             <i class="fas fa-plus"></i>
                             <div id="op-add-pop" class="f-col">
                                 <div id="op-add-list" class="opdiv op-grid">
-                                    <div id="cam-index" title="rotate index axis">index</div>
-                                    <div id="cam-lathe" title="lathe operation">lathe</div>
                                     <div id="laser-on" title="turn on laser mode">laser on</div>
                                     <div id="laser-off"  title="turn off laser mode">laser off</div>
+                                    <div id="cam-index" title="rotate index axis">index</div>
+                                    <div id="cam-lathe" title="lathe operation">lathe</div>
                                     <div id="cam-flip" title="flip part and load&#13;profile for other side&#13;for double-sided work">flip</div>
                                     <div id="cam-reg" title="drill registration holes&#13;along the X or Y axis&#13;for double-sided work">register</div>
-                                    <div title="drill selected holes">drill</div>
                                     <div title="clear stock face">level</div>
+                                    <div title="drill selected holes">drill</div>
                                     <div title="follow a downward helix&#13;using conical selections">helical</div>
                                     <div title="insert custom gcode">gcode</div>
                                     <div title="2.5D tracing along X or Y axis&#13;used for complex part features">contour</div>