From 9c64c5732b181169ca76bf156d8325e76323da9f Mon Sep 17 00:00:00 2001
From: Alex <33497058+bexsoft@users.noreply.github.com>
Date: Mon, 25 Apr 2022 14:12:26 -0600
Subject: [PATCH] Removed spaces next to breadcrumbs slashes (#1903)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>
---
 .../screens/Console/ObjectBrowser/BrowserBreadcrumbs.tsx   | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/portal-ui/src/screens/Console/ObjectBrowser/BrowserBreadcrumbs.tsx b/portal-ui/src/screens/Console/ObjectBrowser/BrowserBreadcrumbs.tsx
index b15dab764..b3a90485f 100644
--- a/portal-ui/src/screens/Console/ObjectBrowser/BrowserBreadcrumbs.tsx
+++ b/portal-ui/src/screens/Console/ObjectBrowser/BrowserBreadcrumbs.tsx
@@ -60,6 +60,9 @@ interface IObjectBrowser {
 const styles = (theme: Theme) =>
   createStyles({
     ...objectBrowserCommon,
+    slashSpacingStyle: {
+      margin: "0 5px",
+    }
   });
 
 const BrowserBreadcrumbs = ({
@@ -97,7 +100,7 @@ const BrowserBreadcrumbs = ({
 
     return (
       <Fragment key={`breadcrumbs-${index.toString()}`}>
-        <span> / </span>
+        <span className={classes.slashSpacingStyle}>/</span>
         {index === lastBreadcrumbsIndex ? (
           <span style={{ cursor: "default" }}>{objectItem}</span>
         ) : (
@@ -119,7 +122,7 @@ const BrowserBreadcrumbs = ({
   if (versionsMode) {
     versionsItem = [
       <Fragment key={`breadcrumbs-versionedItem`}>
-        <span> / {versionedFile} - Versions</span>
+        <span><span className={classes.slashSpacingStyle}>/</span>{versionedFile} - Versions</span>
       </Fragment>,
     ];
   }