diff --git a/app/assets/javascripts/discourse/templates/user/summary.hbs b/app/assets/javascripts/discourse/templates/user/summary.hbs
index 065455510b6..0042f4ba923 100644
--- a/app/assets/javascripts/discourse/templates/user/summary.hbs
+++ b/app/assets/javascripts/discourse/templates/user/summary.hbs
@@ -1,19 +1,41 @@
{{i18n "user.summary.stats"}}
- - {{user-stat value=model.days_visited label="user.summary.days_visited"}}
+ -
+ {{user-stat value=model.days_visited label="user.summary.days_visited"}}
+
-
{{model.time_read}}
{{{i18n "user.summary.time_read"}}}
- - {{user-stat value=model.posts_read_count label="user.summary.posts_read"}}
- - {{user-stat value=model.likes_given label="user.summary.likes_given"}}
+ -
+ {{user-stat value=model.posts_read_count label="user.summary.posts_read"}}
+
+ -
+ {{#link-to 'userActivity.likesGiven'}}
+ {{user-stat value=model.likes_given label="user.summary.likes_given"}}
+ {{/link-to}}
+
{{#if model.bookmark_count}}
- - {{user-stat value=model.bookmark_count label="user.summary.bookmark_count"}}
+ -
+ {{#link-to 'userActivity.bookmarks'}}
+ {{user-stat value=model.bookmark_count label="user.summary.bookmark_count"}}
+ {{/link-to}}
+
{{/if}}
- - {{user-stat value=model.topic_count label="user.summary.topic_count"}}
- - {{user-stat value=model.post_count label="user.summary.post_count"}}
- - {{user-stat value=model.likes_received label="user.summary.likes_received"}}
+ -
+ {{#link-to 'userActivity.topics'}}
+ {{user-stat value=model.topic_count label="user.summary.topic_count"}}
+ {{/link-to}}
+
+ -
+ {{#link-to 'userActivity.replies'}}
+ {{user-stat value=model.post_count label="user.summary.post_count"}}
+ {{/link-to}}
+
+ -
+ {{user-stat value=model.likes_received label="user.summary.likes_received"}}
+
diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index 91316490cae..0cdad179929 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -213,6 +213,17 @@
padding: 10px 14px;
margin: 0 5px 10px 0;
background: dark-light-diff($primary, $secondary, 90%, -65%);
+
+ &.linked-stat { // This makes the entire "box" (the li) clickable instead of a narrow area.
+ padding: 0;
+ a {
+ padding: 10px 14px;
+ width: 100%;
+ height: 100%;
+ display: block;
+ color: black;
+ }
+ }
}
li:last-of-type {