make pretty links actual links

content/stylesheets/main.css

@@ -497,6 +497,11 @@ h2 {
   height: 100%;
 }
 
+.link a {
+  display: block;
+  text-decoration: none;
+}
+
 .fancy_link_container {
   display: grid;
   grid-template-columns: 50% 50%;

layouts/partials/pretty_link.erb

@@ -1,4 +1,4 @@
-<div class="link" onclick="window.location.href='<%= item.path %>'">
+<a class="link" href="<%=item.path%>">
     <div class="link__img">
         <img src="https://dsa.ugent.be/api/verenigingen/<%= abbreviation(item) %>/logo?size=small" alt="<%= item[:naam] %>">
     </div>
@@ -10,4 +10,4 @@
             <%= text_segment(item.compiled_content) %>
         </p>
     </div>
-</div>
+</a>