From 6eb6201992e0cbd0dbda52b536935bb11fe22f4e Mon Sep 17 00:00:00 2001
From: Oleg Chendighelean <oleg.chendighelean@trili.tech>
Date: Thu, 26 Sep 2024 14:05:21 +0100
Subject: [PATCH] Adjust ui

---
 apps/web/src/Layout.tsx                               | 3 ++-
 apps/web/src/components/EmptyMessage/EmptyMessage.tsx | 1 +
 apps/web/src/components/Main/Main.tsx                 | 2 +-
 apps/web/src/index.scss                               | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/Layout.tsx b/apps/web/src/Layout.tsx
index 0ed3ff98e6..15621e8953 100644
--- a/apps/web/src/Layout.tsx
+++ b/apps/web/src/Layout.tsx
@@ -20,7 +20,8 @@ export const Layout = () => {
         base: '"header" "sidebar" "main" "footer" "nav"',
         md: `"header header" "sidebar nav" "sidebar main" "footer main"`,
       }}
-      height={{ md: "100vh", base: "100dvh" }}
+      height={{ md: "100vh" }}
+      minHeight={{ base: "100dvh" }}
       padding={{ md: "20px 46px 0", base: "54px 0 0" }}
       data-testid="signed-in-layout"
     >
diff --git a/apps/web/src/components/EmptyMessage/EmptyMessage.tsx b/apps/web/src/components/EmptyMessage/EmptyMessage.tsx
index f21fcc660b..fa12197ca8 100644
--- a/apps/web/src/components/EmptyMessage/EmptyMessage.tsx
+++ b/apps/web/src/components/EmptyMessage/EmptyMessage.tsx
@@ -48,6 +48,7 @@ export const EmptyMessage = ({
       {cta && (
         <Button
           as={Link}
+          marginTop={{ base: "12px", md: "0" }}
           padding="0 24px"
           fontSize="18px"
           href={ctaUrl}
diff --git a/apps/web/src/components/Main/Main.tsx b/apps/web/src/components/Main/Main.tsx
index 9f7ee63858..701a22f287 100644
--- a/apps/web/src/components/Main/Main.tsx
+++ b/apps/web/src/components/Main/Main.tsx
@@ -9,7 +9,7 @@ import { Tokens } from "../../views/Tokens";
 export const Main = () => (
   <Box
     overflowY="auto"
-    height={{ md: "calc(100% + 29px)" }}
+    height={{ base: "100%", md: "calc(100% + 29px)" }}
     marginTop={{ md: "-75px" }}
     paddingTop={{ md: "75px" }}
     borderRadius="30px"
diff --git a/apps/web/src/index.scss b/apps/web/src/index.scss
index 8011011cdf..8266261793 100644
--- a/apps/web/src/index.scss
+++ b/apps/web/src/index.scss
@@ -13,7 +13,7 @@ body:before {
   top: 0;
   left: 0;
   right: 0;
-  height: 100vh;
+  min-height: 100%;
 }
 
 code {