diff --git a/frontend/src/App.css b/frontend/src/App.css index 1a6ae49..776ef18 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -2395,7 +2395,7 @@ a.app-footer__repo:hover { .technique-related__grid { display: grid; grid-template-columns: 1fr 1fr; - gap: 0.75rem; + gap: 0.5rem; } @media (max-width: 600px) { diff --git a/frontend/src/pages/TechniquePage.tsx b/frontend/src/pages/TechniquePage.tsx index 5e8e34c..48fe24f 100644 --- a/frontend/src/pages/TechniquePage.tsx +++ b/frontend/src/pages/TechniquePage.tsx @@ -566,26 +566,30 @@ export default function TechniquePage() { )} - {/* Related techniques */} + {/* Related techniques — styled as cards matching homepage Recently Added */} {technique.related_links.length > 0 && (

Related Techniques

{technique.related_links.map((link) => ( -
- - {link.target_title} - - {link.creator_name && ( - {link.creator_name} - )} - {link.topic_category && ( - {link.topic_category} - )} - {link.reason && ( -

{link.reason}

- )} -
+ + {link.target_title} + + {link.topic_category && ( + + {link.topic_category} + + )} + {link.reason && ( + {link.reason} + )} + + + + {link.creator_name || ''} + + + ))}