From bf184ae33c0b2dd39f39b0482a71993fd2b29f06 Mon Sep 17 00:00:00 2001
From: Igor Ko <46782114+Woafflation@users.noreply.github.com>
Date: Thu, 9 Jun 2022 16:20:34 +0300
Subject: [PATCH] Fixed issues with styles on iPad

---
 src/components/Editor/Bottom.svelte | 8 +++++++-
 src/routes/_layout.svelte           | 5 ++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/Editor/Bottom.svelte b/src/components/Editor/Bottom.svelte
index f66e1ef9..c3928cbe 100644
--- a/src/components/Editor/Bottom.svelte
+++ b/src/components/Editor/Bottom.svelte
@@ -49,12 +49,18 @@
   .bottom {
     position: fixed;
     bottom: 0;
-    right: calc(50% - 570px);
+    right: 10%;
     background: linear-gradient(270deg, var(--white) 83%, transparent 100%);
     padding: 15px 0;
     padding-left: 80px;
   }
 
+  :global(.isMobile) .bottom,
+  :global(.phone) .bottom,
+  :global(.phone-xs) .bottom {
+    bottom: 60px;
+  }
+
   .pulse {
     --color-hover: var(--black);
   }
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 19da59ad..00c41e2e 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -56,7 +56,10 @@
     flex: 1;
     width: 100%;
   }
-  :global(.isMobile) main {
+  :global(.isMobile) main,
+  :global(.tablet) main,
+  :global(.phone) main,
+  :global(.phone-xs) main {
     padding: 16px 16px 76px;
   }
 </style>