From fa252d511e6fc5cea3e5ba99aa1359230490ec51 Mon Sep 17 00:00:00 2001
From: John Harvey <10814889+john681611@users.noreply.github.com>
Date: Tue, 27 Jun 2023 15:48:16 +0100
Subject: [PATCH] Add: Clearer document seperations (#308)

Co-authored-by: Spyros <northdpole@users.noreply.github.com>
---
 .../frontend/src/components/DocumentNode/DocumentNode.tsx     | 3 ++-
 .../frontend/src/components/DocumentNode/documentNode.scss    | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/application/frontend/src/components/DocumentNode/DocumentNode.tsx b/application/frontend/src/components/DocumentNode/DocumentNode.tsx
index e13743406..66c9f2c30 100644
--- a/application/frontend/src/components/DocumentNode/DocumentNode.tsx
+++ b/application/frontend/src/components/DocumentNode/DocumentNode.tsx
@@ -126,9 +126,10 @@ export const DocumentNode: FunctionComponent<DocumentNode> = ({
         <div className={`content${active} document-node`}>
           <Hyperlink hyperlink={usedNode.hyperlink} />
           {expanded &&
-            getTopicsToDisplayOrderdByLinkType().map(([type, links]) => {
+            getTopicsToDisplayOrderdByLinkType().map(([type, links], idx) => {
               return (
                 <div className="document-node__link-type-container" key={type}>
+                  {idx > 0 && <hr/>}
                   <div>
                     <span>{getDocumentDisplayName(usedNode)}</span>
                     <b> {DOCUMENT_TYPE_NAMES[type]}</b>:
diff --git a/application/frontend/src/components/DocumentNode/documentNode.scss b/application/frontend/src/components/DocumentNode/documentNode.scss
index 2ada469cc..55cab702b 100644
--- a/application/frontend/src/components/DocumentNode/documentNode.scss
+++ b/application/frontend/src/components/DocumentNode/documentNode.scss
@@ -31,7 +31,7 @@
     }
   }
 
-  &__link-type-container:not(:first-child) {
-    padding-top: 20px;
+  &__link-type-container hr {
+    margin: 15px 0;
   }
 }