From 61cd87237e6914053898bcc0d6982a68ff124a4f Mon Sep 17 00:00:00 2001
From: Stewart Allen <stewart.allen@gmail.com>
Date: Thu, 23 May 2024 10:22:47 -0400
Subject: [PATCH] better scale down behavior

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

diff --git a/web/kiri/index.css b/web/kiri/index.css
index 7588a20b..391d4057 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -22,7 +22,12 @@
     font-family: 'Russo One';
     src: url('/moto/russo-one.ttf');
 }
-@media only screen and (max-width : 1024px) {
+@media only screen and (max-width : 1000px) {
+    .top-menu > span > label {
+        display: none;
+    }
+}
+@media only screen and (max-width : 1200px) {
     #top {
         font-size: smaller;
     }
@@ -917,7 +922,7 @@ th, tr, td, label {
     display: flex;
     padding: 5px 0 0 0;
 }
-#cam-ops-header {
+.work-header {
     background-color: var(--work-area);
     font-size: smaller;
     flex-direction: column;
@@ -1823,11 +1828,10 @@ th, tr, td, label {
 #settings {
     max-height: 100%;
     overflow-y: auto;
+    overflow-x: hidden;
     align-items: stretch;
     text-transform: capitalize;
     background-color: rgba(255,255,255,0.5);
-    /* padding: 5px; */
-    /* gap: 2px; */
 }
 #settings .set-group {
     cursor: pointer;
diff --git a/web/kiri/index.html b/web/kiri/index.html
index 0affb886..946353b4 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -61,7 +61,7 @@
         <div class="grow"></div>
         <div id="app-name" class="f-col a-center top-menu">
             <span>
-                <label class="km-font">Kiri:Moto</label>
+                <span class="km-font">Kiri:Moto</span>
                 <div id="app-name-pop" class="top-menu-drop top-menu-center">
                     <div class="content">
                         <div id="app-help">
@@ -461,7 +461,12 @@
             <div class="mid-sep"></div>
             <div id="right-work" class="f-col j-center slim-hide">
                 <div class="chonk"></div>
-                <div id="cam-ops-header"><span>CNC</span><span>operations</span></div>
+                <div class="work-header"><span>workspace</span></div>
+                <div class="chonk"></div>
+                <div id="workspace-tool">
+
+                </div>
+                <div class="work-header"><span>CNC</span><span>operations</span></div>
                 <div class="chonk"></div>
                 <div id="camops" class="f-col a-stretch grow">
                     <div id="oplist" class="f-col j-center"></div>