From 6d655347523a2b2ea8ab5a735bf0d420a327f5bb Mon Sep 17 00:00:00 2001
From: corpulent <artemgolub@gmail.com>
Date: Fri, 5 Aug 2022 19:08:31 +0300
Subject: [PATCH] fix: layout fixes

---
 services/frontend/src/components/Project/index.tsx  | 2 +-
 services/frontend/src/components/Projects/index.tsx | 8 ++++++--
 services/frontend/src/components/global/SideBar.tsx | 2 +-
 services/frontend/src/hooks/useProject.ts           | 3 ++-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/services/frontend/src/components/Project/index.tsx b/services/frontend/src/components/Project/index.tsx
index 4f1fb36..2db1641 100644
--- a/services/frontend/src/components/Project/index.tsx
+++ b/services/frontend/src/components/Project/index.tsx
@@ -640,7 +640,7 @@ export default function Project(props: IProjectProps) {
             flexDirection: "column",
             justifyContent: "center",
             alignItems: "center",
-            minHeight: "calc(100vh - 120px)"
+            minHeight: "calc(60vh - 120px)"
           }}
         >
           <h3 className="text-2xl font-medium text-gray-900">
diff --git a/services/frontend/src/components/Projects/index.tsx b/services/frontend/src/components/Projects/index.tsx
index 29b9dfd..97a8c26 100644
--- a/services/frontend/src/components/Projects/index.tsx
+++ b/services/frontend/src/components/Projects/index.tsx
@@ -113,7 +113,7 @@ const Projects = () => {
                           flexDirection: "column",
                           justifyContent: "center",
                           alignItems: "center",
-                          minHeight: "calc(100vh - 120px)"
+                          minHeight: "calc(60vh - 120px)"
                         }}
                       >
                         <h3 className="mt-2 text-sm font-medium text-gray-900">
@@ -122,7 +122,11 @@ const Projects = () => {
                         <p className="mt-1 text-sm text-gray-500">
                           Get started by creating a new project.
                         </p>
-                        <div className="mt-6">
+                        <div className="flex flex-col md:flex-row mt-6 items-center space-y-2 md:space-y-0 space-x-2">
+                          <button onClick={onImportClick} className="btn-util">
+                            <span>Import</span>
+                          </button>
+
                           <Link to="/projects/new" className="btn-util">
                             <span className="flex space-x-1 items-center">
                               <PlusIcon
diff --git a/services/frontend/src/components/global/SideBar.tsx b/services/frontend/src/components/global/SideBar.tsx
index 1c5c684..e1f41d0 100644
--- a/services/frontend/src/components/global/SideBar.tsx
+++ b/services/frontend/src/components/global/SideBar.tsx
@@ -44,7 +44,7 @@ export default function SideBar(props: ISideBarProps) {
           </div>
 
           <div className="md:mt-5 flex-1 flex flex-col items-center sm:flex-row md:flex-col justify-end">
-            <nav className="flex md:flex-1 md:flex-col items-center md:space-y-1">
+            <nav className="flex md:flex-1 flex-col sm:flex-row md:flex-col items-center md:space-y-1">
               {navigation.map((item) => {
                 if (item.visible) {
                   return (
diff --git a/services/frontend/src/hooks/useProject.ts b/services/frontend/src/hooks/useProject.ts
index 0cc69d6..6c1caa3 100644
--- a/services/frontend/src/hooks/useProject.ts
+++ b/services/frontend/src/hooks/useProject.ts
@@ -106,7 +106,8 @@ export const useProject = (uuid: string | undefined) => {
       return (await axios(requestConfig)).data;
     },
     {
-      staleTime: Infinity
+      staleTime: Infinity,
+      retry: 1
     }
   );
 };