Merge pull request #2597 from Budibase/fix-left-nav

Small fixes for navigation bar

packages/client/src/components/CustomThemeWrapper.svelte

@@ -2,7 +2,7 @@
   import { themeStore } from "stores"
 </script>
 
-<div style={$themeStore.customThemeCss}>
+<div style={$themeStore.customThemeCss} id="theme-root">
   <slot />
 </div>
 

packages/client/src/components/app/Layout.svelte

@@ -62,7 +62,7 @@
 <div
   class="layout layout--{typeClass}"
   use:styleable={$component.styles}
-  class:desktop={!$context.device.mobile && !$context.device.tablet}
+  class:desktop={!$context.device.mobile}
   class:mobile={!!$context.device.mobile}
 >
   {#if typeClass !== "none"}
@@ -301,6 +301,9 @@
     flex-direction: row;
     overflow: hidden;
   }
+  .desktop.layout--left .nav-wrapper {
+    border-bottom: none;
+  }
   .desktop.layout--left .main-wrapper {
     height: 100%;
     overflow: auto;

packages/client/src/components/app/forms/DateTimeField.svelte

@@ -56,7 +56,7 @@
       disabled={fieldState.disabled}
       error={fieldState.error}
       id={fieldState.fieldId}
-      appendTo={document.getElementById("app-root")}
+      appendTo={document.getElementById("theme-root")}
       {enableTime}
       {placeholder}
     />