closes https://github.com/NodeBB/NodeBB/issues/4407

less/groups.less

@@ -129,6 +129,7 @@
 		}
 
 		.list-cover {
+			display: block;
 			background-size: cover;
 			min-height: 125px;
 			background-position: 50% 50%;

templates/partials/groups/list.tpl

@@ -1,9 +1,9 @@
 	<!-- BEGIN groups -->
 	<div class="col-lg-4 col-md-6 col-sm-12" component="groups/summary" data-slug="{groups.slug}">
 		<div class="panel panel-default">
-			<div class="panel-heading list-cover" style="<!-- IF groups.cover:thumb:url -->background-image: url({groups.cover:thumb:url});<!-- ENDIF groups.cover:thumb:url -->">
+			<a href="{config.relative_path}/groups/{groups.slug}" class="panel-heading list-cover" style="<!-- IF groups.cover:thumb:url -->background-image: url({groups.cover:thumb:url});<!-- ENDIF groups.cover:thumb:url -->">
 				<h3 class="panel-title">{groups.displayName} <small>{groups.memberCount}</small></h3>
-			</div>
+			</a>
 			<div class="panel-body">
 				<ul class="members">
 					<!-- BEGIN members -->