Add: Clearer document seperations (#308)

Co-authored-by: Spyros <[email protected]>
OWASP · Jun 27, 2023 · fa252d5 · fa252d5
1 parent 47b5cc2
commit fa252d5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -31,7 +31,7 @@
     }
   }
 
-  &__link-type-container:not(:first-child) {
-    padding-top: 20px;
+  &__link-type-container hr {
+    margin: 15px 0;
   }
 }