From 81e9f5b860be7106abe24b21e31c9d27fe08dc53 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 13 May 2021 16:32:52 +0100
Subject: [PATCH] Wrap whole client app in spectrum classes to reduce
 dependency on spectrum wrapper around any spectrum components in client app

---
 .../client/src/components/ClientApp.svelte     | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/ClientApp.svelte b/packages/client/src/components/ClientApp.svelte
index 8fb1b83d4c..5d07754f49 100644
--- a/packages/client/src/components/ClientApp.svelte
+++ b/packages/client/src/components/ClientApp.svelte
@@ -39,8 +39,18 @@
 </script>
 
 {#if loaded && $screenStore.activeLayout}
-  <Provider key="user" data={$authStore} {actions}>
-    <Component definition={$screenStore.activeLayout.props} />
-    <NotificationDisplay />
-  </Provider>
+  <div lang="en" dir="ltr" class="spectrum spectrum--medium spectrum--light">
+    <Provider key="user" data={$authStore} {actions}>
+      <Component definition={$screenStore.activeLayout.props} />
+      <NotificationDisplay />
+    </Provider>
+  </div>
 {/if}
+
+<style>
+  div {
+    background: transparent;
+    height: 100%;
+    position: relative;
+  }
+</style>