From feb847f6a6f6bf5f2b08204914cd397effad92bb Mon Sep 17 00:00:00 2001
From: Tejas <75026048+Tejas-117@users.noreply.github.com>
Date: Mon, 14 Mar 2022 14:47:36 +0530
Subject: [PATCH] Sidebar visibility fixed for smaller devices (#113)

---
 frontend/components/Dashboard/Dashboard.style.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/components/Dashboard/Dashboard.style.js b/frontend/components/Dashboard/Dashboard.style.js
index 95935cc..48bb375 100644
--- a/frontend/components/Dashboard/Dashboard.style.js
+++ b/frontend/components/Dashboard/Dashboard.style.js
@@ -22,11 +22,13 @@ export default styled.div`
     height: 100%;
     color: white !important;
     transition: all 0.25s;
+    overflow: auto;
     
     @media (max-width: 1100px) {
       left: -300px;
       position: absolute;
       z-index: 100;
+      padding-bottom: 100px;
     }
     
     /* for small screens */
@@ -102,12 +104,14 @@ export default styled.div`
         width: 100%;
         background-color: transparent;
         border: none;
+        border-left: 5px solid transparent;
         outline: none;
         color: white;
         font-size: 1.1rem;
         margin: 0;
         padding: 10px 10px 10px 20px;
         text-align: left;
+        cursor: pointer;
         :hover {
           background-color: #07344a;
           color: #43bfd6;