- fix width of saveRow in kiosk mode. start migration to native CSS n…

…esting

include/themes/midwinter/css/media/compact-landscape.css

@@ -10,10 +10,6 @@
     padding: 0 12px 0 4rem;
 }
 
-html[data-kiosk-mode='on'] #mdw-ConsolePageHead {
-    display: none;
-}
-
 #mdw-ConsolePageHead * {
     float: left;
     padding-bottom: 0;
@@ -139,7 +135,7 @@ html[data-theme-color-auto='on'] .compact_nav_icon[data-helper='toggleColorMode'
 
 /* limited height for highlighted buttons */
 .cactiContent:has(.saveRowParent) {
-    height: calc(100vh - 8rem) !important;
+    height: calc(100vh - 8rem);
 }
 
 .saveRowParent {
@@ -155,11 +151,6 @@ html[data-theme-color-auto='on'] .compact_nav_icon[data-helper='toggleColorMode'
     border-top: 1px solid var(--border-color-semilight);
 }
 
-html[data-kiosk-mode='on'] .cactiContent {
-    height: 100vh !important;
-    border-top: none;
-}
-
 /* Console Navigation Area */
 #mdw-ConsoleNavigation {
     display: flex;
@@ -176,10 +167,6 @@ html[data-kiosk-mode='on'] .cactiContent {
     border-right: 1px solid var(--box-shadow-color);
 }
 
-html[data-kiosk-mode='on'] #mdw-ConsoleNavigation {
-    display: none !important;
-}
-
 .compact_nav_icon_menu:last-child {
     display: flex;
     flex-direction: column;
@@ -522,7 +509,7 @@ html[data-kiosk-mode='on'] #mdw-ConsoleNavigation {
 }
 
 .cactiConsoleContentArea #filterTableOnTop {
-   /* padding-top: 0.6em; */
+    /* padding-top: 0.6em; */
 }
 
 /* General Compact Styling Elements */
@@ -558,8 +545,25 @@ html[data-kiosk-mode='on'] #mdw-ConsoleNavigation {
     .navBox-header-dropdown {
         display: none;
     }
-    
+
     #compact_user_menu {
         margin-bottom: 10px;
     }
+}
+
+html[data-kiosk-mode='on'] {
+    .cactiContent {
+        height: calc(100vh - 4rem);
+        border-top: none;
+    }
+    .saveRowParent {
+        width: 100vw;
+        left: 0;
+    }
+    #mdw-ConsoleNavigation {
+        display: none !important;
+    }
+    #mdw-ConsolePageHead {
+        display: none;
+    }
 }