From 96e64cd74413f2e953aeda50743f37c4ffdd6d19 Mon Sep 17 00:00:00 2001
From: navaneeth <navaneethpk@outlook.com>
Date: Fri, 4 Jun 2021 00:02:42 +0530
Subject: [PATCH] Cleanup dashboard to support mobile devices

---
 frontend/src/HomePage/HomePage.jsx  | 3 ++-
 frontend/src/_components/Header.jsx | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/HomePage/HomePage.jsx b/frontend/src/HomePage/HomePage.jsx
index 50bceb2f20..e4304a5685 100644
--- a/frontend/src/HomePage/HomePage.jsx
+++ b/frontend/src/HomePage/HomePage.jsx
@@ -98,7 +98,7 @@ class HomePage extends React.Component {
         <div className="page-body homepage-body">
           <div className="container-xl">
             <div className="row">              
-              <div className="col-3">
+              <div className="col-12 col-lg-3 mb-5">
                 <br />
                 <Folders
                   foldersLoading={this.state.foldersLoading}
@@ -160,6 +160,7 @@ class HomePage extends React.Component {
                               <td class="text-muted col-auto pt-4">
                                 <Link
                                   to={`/apps/${app.id}`}
+                                  className="d-none d-lg-inline"
                                 >
                                   <OverlayTrigger
                                     placement="top"
diff --git a/frontend/src/_components/Header.jsx b/frontend/src/_components/Header.jsx
index c682f2072a..d3e5905b0c 100644
--- a/frontend/src/_components/Header.jsx
+++ b/frontend/src/_components/Header.jsx
@@ -26,11 +26,11 @@ export const Header = function Header({
       </button>
       <h1 className="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
         <Link to={'/'}>
-          <img src="/assets/images/logo.svg" width="110" height="32" className="navbar-brand-image" />
+          <img src="/assets/images/logo-text.svg" width="110" height="32" className="navbar-brand-image" />
         </Link>
       </h1>
 
-      <ul class="navbar-nav">
+      <ul class="navbar-nav d-none d-lg-flex">
         <li className={`nav-item mx-3 ${pahtName === '/' ? 'active' : ''}`}>
           <Link to={'/'} className="nav-link">
             <span className="nav-link-icon d-md-none d-lg-inline-block">