From cfdb627d8c391b368595ccdaf62ebb23faacd884 Mon Sep 17 00:00:00 2001
From: "Folkerth, Jennifer" <jennifer.folkerth@accenture.com>
Date: Wed, 26 Apr 2023 14:16:12 -0400
Subject: [PATCH] Better looking divider between help links

---
 package-lock.json                        | 6 +++---
 package.json                             | 2 +-
 src/pages/dataset-view/dataset-view.js   | 7 +++++--
 src/pages/dataset-view/dataset-view.scss | 6 +-----
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 37a0f730..e121e15f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@smartcitiesdata/react-discovery-ui",
-  "version": "2.1.36",
+  "version": "2.1.37",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -10193,7 +10193,7 @@
     "identity-obj-proxy": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz",
-      "integrity": "sha1-lNK9qWCERT7zb7xarsN+D3nx/BQ=",
+      "integrity": "sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==",
       "dev": true,
       "requires": {
         "harmony-reflect": "^1.4.6"
@@ -14950,7 +14950,7 @@
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
       "dev": true
     },
     "process-nextick-args": {
diff --git a/package.json b/package.json
index 5652bb37..b75a04bb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@smartcitiesdata/react-discovery-ui",
-  "version": "2.1.36",
+  "version": "2.1.37",
   "description": "React component for dataset discovery UI",
   "main": "./lib/ReactDiscoveryUI.js",
   "repository": {
diff --git a/src/pages/dataset-view/dataset-view.js b/src/pages/dataset-view/dataset-view.js
index b70fd0ca..9f077259 100644
--- a/src/pages/dataset-view/dataset-view.js
+++ b/src/pages/dataset-view/dataset-view.js
@@ -96,9 +96,12 @@ export default class extends Component {
               }
               {this.isNotDatasetDetailsTab() &&
                 <>
-                  <a role="link" className='helpLink primary-color' target='_blank' href='https://en.wikipedia.org/wiki/SQL_syntax'>SQL Help&nbsp;&nbsp;</a>
+                  <a role="link" className='helpLink primary-color' target='_blank' href='https://en.wikipedia.org/wiki/SQL_syntax'>SQL Help</a>
                   {this.isVisualizationEnabled() &&
-                    <a role="link" id='plotlyhelp' className='helpLink primary-color' target='_blank' href='https://plotly.com/chart-studio-help/tutorials/#basic'>Plot.ly Help</a>
+                    <>
+                      <p>|</p>
+                      <a role="link" id='plotlyhelp' className='helpLink primary-color' target='_blank' href='https://plotly.com/chart-studio-help/tutorials/#basic'>Plot.ly Help</a>
+                    </>
                   }
 
                 </>}
diff --git a/src/pages/dataset-view/dataset-view.scss b/src/pages/dataset-view/dataset-view.scss
index 60f39b30..cd0b96d9 100644
--- a/src/pages/dataset-view/dataset-view.scss
+++ b/src/pages/dataset-view/dataset-view.scss
@@ -29,10 +29,6 @@ dataset-view {
     padding-left: 15px;
   }
 
-  .helpLink:first-of-type:after {
-    content: "|";
-  }
-
   .react-tabs__tab-list {
     border-bottom: 0;
     box-shadow: 0px 1px 3px $light-grey;
@@ -96,4 +92,4 @@ dataset-view {
   loading-element {
     @include default-loading-icon();
   }
-}
\ No newline at end of file
+}