From c4b45abf32de82ee0d0c5b539c0187c1d00a4474 Mon Sep 17 00:00:00 2001
From: Stewart Allen <so@a3z.co>
Date: Sun, 5 Feb 2023 11:37:48 +0100
Subject: [PATCH] fixes #233 part rotation buttons non-functional

---
 web/kiri/index.css  |  3 +--
 web/kiri/index.html | 12 ++++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/web/kiri/index.css b/web/kiri/index.css
index c93972c3..91f1b5b6 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -579,8 +579,7 @@ th, tr, td, label {
     border: 1px solid transparent;
     border-radius: 3px;
 }
-#ft-rotate svg:hover {
-    border: 1px solid #ccc;
+#ft-rotate > div:hover > svg {
     background-color: var(--main-color);
     color: white;
 }
diff --git a/web/kiri/index.html b/web/kiri/index.html
index 7807e1f4..38ae42d1 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -121,17 +121,17 @@
                             <button id="scale-reset" class="gr4">reset</button>
                         </div>
                         <div id="ft-rotate" class="grow grid">
-                            <div><i id="rot_x_lt" class="fas fa-chevron-left"></i></div>
+                            <div id="rot_x_lt"><i class="fas fa-chevron-left"></i></div>
                             <label>X</label>
-                            <div><i id="rot_x_gt" class="fas fa-chevron-right"></i></div>
+                            <div id="rot_x_gt"><i class="fas fa-chevron-right"></i></div>
                             <input id="rot_x" class="value center" size="6" value="0">
-                            <div><i id="rot_y_lt" class="fas fa-chevron-left"></i></div>
+                            <div id="rot_y_lt"><i class="fas fa-chevron-left"></i></div>
                             <label>Y</label>
-                            <div><i id="rot_y_gt" class="fas fa-chevron-right"></i></div>
+                            <div id="rot_y_gt"><i class="fas fa-chevron-right"></i></div>
                             <input id="rot_y" class="value center" size="6" value="0">
-                            <div><i id="rot_z_lt" class="fas fa-chevron-left"></i></div>
+                            <div id="rot_z_lt"><i class="fas fa-chevron-left"></i></div>
                             <label>Z</label>
-                            <div><i id="rot_z_gt" class="fas fa-chevron-right"></i></div>
+                            <div id="rot_z_gt"><i class="fas fa-chevron-right"></i></div>
                             <input id="rot_z" class="value center" size="6" value="0">
                             <div class="buttons f-row">
                                 <button id="lay-flat" class="grow">lay flat</button>