From 0208e0da6efcd29f805ab81230ebb097e1779d5c Mon Sep 17 00:00:00 2001
From: Joseph Coffland <joseph@cauldrondevelopment.com>
Date: Sun, 7 Mar 2021 19:28:57 -0800
Subject: [PATCH] Fixed problem with web layout while using virtual keyboard

---
 CHANGELOG.md                 |  1 +
 src/stylus/color-picker.styl |  1 +
 src/stylus/main.styl         | 10 +++++++++-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b3dc454..dcc986f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@ Buildbotics CNC Controller Firmware Changelog
  - Fixed error setting lower soft limit with virtual keyboard installed. #249
  - Fix numerical overflow causing long (time) linear moves to fail. #258
  - Better gamepad handling
+ - Fixed problem with web layout while using virtual keyboard
 
 ## v0.4.16
  - Improved axis under/over warning tooltip.
diff --git a/src/stylus/color-picker.styl b/src/stylus/color-picker.styl
index 916c061..388a976 100644
--- a/src/stylus/color-picker.styl
+++ b/src/stylus/color-picker.styl
@@ -3,6 +3,7 @@
   width 1.5em
   border 1px solid #aaa
   cursor pointer
+  overflow hidden
 
   input
     opacity 0
diff --git a/src/stylus/main.styl b/src/stylus/main.styl
index 62d8fa8..fc84380 100644
--- a/src/stylus/main.styl
+++ b/src/stylus/main.styl
@@ -1,6 +1,10 @@
 #main
   overflow-y scroll
-  height 100vh
+  position fixed
+  top 0
+  right 0
+  left 150px
+  bottom 0
   display flex
   flex-direction column
 
@@ -29,3 +33,7 @@
         padding 0.7em 1em
         border-radius 3px
         display inline-block
+
+@media (max-width: 48em)
+  #main
+    left 0
-- 
2.27.0