Clean up nested document node splits

OWASP · Jul 13, 2023 · 35c0757 · 35c0757
1 parent 5d46099
commit 35c0757
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/application/frontend/src/components/DocumentNode/DocumentNode.tsx b/application/frontend/src/components/DocumentNode/DocumentNode.tsx
@@ -143,15 +143,15 @@ export const DocumentNode: FunctionComponent<DocumentNode> = ({
               let lastDocumentName = sortedResults[0].document.name
               return (
                 <div className="document-node__link-type-container" key={type}>
-                  {idx > 0 && <hr/>}
+                  {idx > 0 && <hr style={{backgroundColor: "transparent", border: "none"}}/>}
                   <div>
                     <b>Which {getDocumentTypeText(type, links[0].document.doctype)}</b>:{/* Risk here of mixed doctype in here causing odd output */}
                   </div>
                   <div>
                     <div className="accordion ui fluid styled f0">
                       {sortedResults.map((link, i) =>{const temp = (
                         <div key={Math.random()}>
-                          {lastDocumentName !== (link.document.name) &&<hr style={{margin:"10px"}}/>}
+                          {lastDocumentName !== (link.document.name) &&<span style={{margin:"10px"}}/>}
                           <DocumentNode
                             node={link.document}
                             linkType={type}

diff --git a/application/frontend/src/components/DocumentNode/documentNode.scss b/application/frontend/src/components/DocumentNode/documentNode.scss
@@ -40,20 +40,20 @@
 
 .document-node__link-type-container .accordion.ui.styled 
 {
-  div>.title.external-link {
+  div>.title {
     padding-top: 0;
     padding-bottom: .25em;
   }
-  div:first-child>.title.external-link {
+  div:first-child>.title {
     padding-top: .75em;
     padding-bottom: .25em;
   }
 
-  div>hr+.title.external-link {
+  div>span+.title {
     border-top: none;
   }
 
-  div:last-child>.title.external-link {
+  div:last-child>.title {
     padding-bottom: .75em;
   }
 }