From 3a641033cbb9605c9c05faebe8818a42336e2c50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9gis=20Hanol?= <regis@hanol.fr>
Date: Sun, 17 Apr 2016 13:19:06 +0200
Subject: [PATCH] UX: fix top links & most liked by sections on mobile

---
 .../discourse/templates/user/summary.hbs            |  8 ++++----
 app/assets/stylesheets/common/base/user.scss        | 13 +++----------
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/user/summary.hbs b/app/assets/javascripts/discourse/templates/user/summary.hbs
index 40c2fa358..b8d433a91 100644
--- a/app/assets/javascripts/discourse/templates/user/summary.hbs
+++ b/app/assets/javascripts/discourse/templates/user/summary.hbs
@@ -16,7 +16,7 @@
 </div>
 
 <div class='top-section'>
-  <div class='replies-section pull-left'>
+  <div class='top-sub-section replies-section pull-left'>
     <h3 class='stats-title'>{{i18n "user.summary.top_replies"}}</h3>
     {{#if model.replies.length}}
       <ul>
@@ -43,7 +43,7 @@
       <p>{{i18n "user.summary.no_replies"}}</p>
     {{/if}}
   </div>
-  <div class='topics-section pull-right'>
+  <div class='top-sub-section topics-section pull-right'>
     <h3 class='stats-title'>{{i18n "user.summary.top_topics"}}</h3>
     {{#if model.topics.length}}
       <ul>
@@ -73,7 +73,7 @@
 </div>
 
 <div class='top-section'>
-  <div class='links-section pull-left'>
+  <div class='top-sub-section links-section pull-left'>
     <h3 class='stats-title'>{{i18n "user.summary.top_links"}}</h3>
     {{#if model.links.length}}
       <ul>
@@ -96,7 +96,7 @@
       <p>{{i18n "user.summary.no_links"}}</p>
     {{/if}}
   </div>
-  <div class='likes-section pull-right'>
+  <div class='top-sub-section likes-section pull-right'>
     <h3 class='stats-title'>{{i18n "user.summary.most_liked_by"}}</h3>
     {{#if model.most_liked_by_users.length}}
       <ul>
diff --git a/app/assets/stylesheets/common/base/user.scss b/app/assets/stylesheets/common/base/user.scss
index fd06ec679..8a3fd7b80 100644
--- a/app/assets/stylesheets/common/base/user.scss
+++ b/app/assets/stylesheets/common/base/user.scss
@@ -198,10 +198,7 @@
 }
 
 .top-section,
-.replies-section,
-.topics-section,
-.links-section,
-.likes-section {
+.top-sub-section {
   margin-bottom: 20px;
 }
 
@@ -236,10 +233,7 @@
   }
 }
 
-.replies-section,
-.topics-section,
-.links-section,
-.likes-section {
+.top-sub-section {
   width: 50%;
 
   ul {
@@ -272,8 +266,7 @@
 
 @media all
 and (max-width : 600px) {
-  .replies-section,
-  .topics-section {
+  .top-sub-section {
     float: none;
     width: 100%;
   }