From 854a9d701a4829d8ede6329b398106ec710cd804 Mon Sep 17 00:00:00 2001
From: Eric van der Vlist <vdv@dyomedea.com>
Date: Tue, 4 Apr 2023 15:03:44 +0200
Subject: [PATCH] Fixing css issue with updater's alert

---
 src/components/updater/Updater.module.css | 9 +++++++++
 src/components/updater/Updater.tsx        | 8 +++++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/updater/Updater.module.css b/src/components/updater/Updater.module.css
index 748debc..59375b2 100644
--- a/src/components/updater/Updater.module.css
+++ b/src/components/updater/Updater.module.css
@@ -1,3 +1,12 @@
 .mobile {
+  position: fixed;
+  z-index: 1;
+  padding-top: 20px;
+}
+
+.web {
+  position: fixed;
+  z-index: 1;
+  left: 40px;
   padding-top: 20px;
 }
diff --git a/src/components/updater/Updater.tsx b/src/components/updater/Updater.tsx
index 3d7d1b6..e72f68a 100644
--- a/src/components/updater/Updater.tsx
+++ b/src/components/updater/Updater.tsx
@@ -52,9 +52,11 @@ const Updater: Component<Props> = (props) => {
           </div>
         </Show>
         <Show when={window.Capacitor.platform === 'web'}>
-          <Alert severity='warning' class={style.mobile}>
-            Please reload this page to update the application.
-          </Alert>
+          <div class={style.web}>
+            <Alert severity='warning' class={style.mobile}>
+              Please reload this page to update the application.
+            </Alert>
+          </div>
         </Show>
       </Show>
     </>