Updates

wwwroot/styles/sass/dredgepos.core.sass

@@ -56,7 +56,7 @@ body
     color: var(--pos-header-text-color)
     background: var(--pos-header-background)
 
-.posButton.active,.posButton:active
+.posButton.active,.posButton:active, .posButton:focus
     border-color: var(--posbutton-border-color-active)
     color: var(--posbutton-text-color-active)
     background: var(--posbutton-background-active) /* webkit */
@@ -64,7 +64,7 @@ body
 
 #pageContainer
     @include flex
-    height: 100vh !important
+    height: 100vh
 
 .posButton, .posHeader
     @include flex

wwwroot/styles/sass/dredgepos.floorplan.sass

@@ -79,8 +79,8 @@
     display: none
     border: solid 3px var(--global-border-color)
     background-color: var(--global-bgcolor)
-    width: 30vw
-    height: 50vh
+    width: 30%
+    height: 50%
 
     > *
         @include flex-column-item

wwwroot/styles/sass/dredgepos.keyboards.sass

@@ -28,13 +28,13 @@
 #virtualNumpad
     @include absoluteCenter
     flex-direction: column
-    height: 70vh
-    width: 30vw
+    height: 70%
+    width: 25%
     border: solid 2px var(--global-border-color)
 
     @include mobile
-        height: 100vh
-        width: 100vw
+        height: 100%
+        width: 100%
 
     #virtualNumpadInput
         background-color: var(--global-secondary-bgcolor)
@@ -63,14 +63,14 @@
 #virtualKeyboard
     @include absoluteCenter
     flex-direction: column
-    width: 80vw
-    height: 40vh
+    width: 80%
+    height: 40%
     background-color: var(--global-bgcolor)
     border: solid 2px var(--global-border-color)
 
     @include mobile
-        width: 100vw
-        height: 10vh
+        width: 100%
+        height: 10%
         top: 0
         bottom: auto
 
@@ -118,14 +118,14 @@
     @include flex-column
     @include absoluteCenter
     display: none
-    width: 60vw
-    height: 40vh
+    width: 60%
+    height: 40%
     background-color: var(--global-bgcolor)
     border: solid 2px var(--global-border-color)
 
     @include mobile
-        width: 100vw
-        height: 100vh
+        width: 100%
+        height: 100%
 
     > *
         @include flex