From 80d3e8cdb80382afd725ae63b23e1363b73beb6e Mon Sep 17 00:00:00 2001
From: Lenin Alevski <alevsk.8772@gmail.com>
Date: Tue, 25 Jan 2022 12:58:29 -0600
Subject: [PATCH] Menu scrollbar css styles (#1454)

Signed-off-by: Lenin Alevski <alevsk.8772@gmail.com>

Co-authored-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
---
 portal-ui/src/screens/Console/Menu/Menu.tsx       | 15 +++++++++++++++
 .../src/screens/Console/Support/Register.tsx      |  6 ++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/portal-ui/src/screens/Console/Menu/Menu.tsx b/portal-ui/src/screens/Console/Menu/Menu.tsx
index f90a045b6..0c002c378 100644
--- a/portal-ui/src/screens/Console/Menu/Menu.tsx
+++ b/portal-ui/src/screens/Console/Menu/Menu.tsx
@@ -87,6 +87,21 @@ const styles = (theme: Theme) =>
       "& .MuiPaper-root": {
         backgroundColor: "inherit",
       },
+      "& ::-webkit-scrollbar": {
+        width: "5px",
+      },
+      "& ::-webkit-scrollbar-track": {
+        background: "#F0F0F0",
+        borderRadius: 0,
+        boxShadow: "inset 0px 0px 0px 0px #F0F0F0",
+      },
+      "& ::-webkit-scrollbar-thumb": {
+        background: "#5A6375",
+        borderRadius: 0,
+      },
+      "& ::-webkit-scrollbar-thumb:hover": {
+        background: "#081C42",
+      },
     },
     drawerOpen: {
       width: drawerWidth,
diff --git a/portal-ui/src/screens/Console/Support/Register.tsx b/portal-ui/src/screens/Console/Support/Register.tsx
index 959ba5c2b..98d66f420 100644
--- a/portal-ui/src/screens/Console/Support/Register.tsx
+++ b/portal-ui/src/screens/Console/Support/Register.tsx
@@ -34,6 +34,7 @@ import OfflineRegistrationIcon from "../../../icons/OfflineRegistrationIcon";
 import InputBoxWrapper from "../Common/FormComponents/InputBoxWrapper/InputBoxWrapper";
 import clsx from "clsx";
 import OnlineRegistrationBackIcon from "../../../icons/OnlineRegistrationBackIcon";
+import OfflineRegistrationBackIcon from "../../../icons/OfflineRegistrationBackIcon";
 import api from "../../../common/api";
 
 import {
@@ -142,6 +143,7 @@ const styles = (theme: Theme) =>
     },
     link: {
       color: "#2781B0",
+      cursor: "pointer",
     },
     ...actionsTray,
     ...searchField,
@@ -444,7 +446,7 @@ const Register = ({ classes, displayErrorMessage }: IRegister) => {
               target="_blank"
               href="https://min.io/product/subnet"
             >
-              Learn more about SUBNET.
+              Learn more about SUBNET →.
             </Link>
           </Grid>
           <br />
@@ -602,7 +604,7 @@ const Register = ({ classes, displayErrorMessage }: IRegister) => {
                   a proxy to connect to Subnet.
                   <br />
                   <br />
-                  Alternatively you can try{" "}
+                  Alternatively you can try <OfflineRegistrationBackIcon />
                   <Link
                     className={classes.link}
                     onClick={() => {