Merge branch 'related-controls-formatting' into 'main'

nicer related controls formatting

See merge request sl5tf/control-overlays-selector!2

Author: Peter Wagstaff

index.html

@@ -655,6 +655,16 @@
             font-size: 0.85rem;
             color: #6b7280;
         }
+        /* --------------------
+           Related Controls
+        --------------------- */
+        .related-control-tag {
+            cursor: pointer;
+            color: #1e40af;
+        }
+        .related-control-tag:hover {
+            text-decoration: underline;
+        }
         /* --------------------
            Media Queries
         --------------------- */
@@ -1029,7 +1039,7 @@ <h2 class="toggles-title">Additional Security Assumptions</h2>
                             <div class="related-controls">
                                 <h4>Related Controls:</h4>
                                 <div class="related-controls-list">
-                                    ${control.relatedControls.map(rc => `<span class="related-control-tag" onclick="showControlModal('${rc}')">${rc}</span>`).join('')}
+                                    ${control.relatedControls.map(rc => `<span class="related-control-tag" onclick="showControlModal('${rc}')">${rc}</span>`).join(' ')}
                                 </div>
                             </div>
                         ` : ''}