From 90430eda623d2b715cc03a661780f915a5eef61c Mon Sep 17 00:00:00 2001
From: Arpit Jalan <arpit@techapj.com>
Date: Tue, 7 Jul 2015 18:48:51 +0530
Subject: [PATCH] UX: better user title on groups index page (mobile)

---
 .../javascripts/discourse/templates/group/index.hbs |  2 +-
 app/assets/stylesheets/desktop/user.scss            |  2 +-
 app/assets/stylesheets/mobile/user.scss             | 13 +++++++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/group/index.hbs b/app/assets/javascripts/discourse/templates/group/index.hbs
index ed6d68e5d73..5ed985396c7 100644
--- a/app/assets/javascripts/discourse/templates/group/index.hbs
+++ b/app/assets/javascripts/discourse/templates/group/index.hbs
@@ -8,7 +8,7 @@
           <a href="{{unbound p.url}}">{{unbound p.title}}</a>
         </span>
         <span class="category">{{category-link p.category}}</span>
-        <div class="user-info">
+        <div class="group-member-info">
           {{#if p.user_long_name}}
             <span class="name">{{p.user_long_name}}</span>{{#if p.user_title}}<span class="title">, {{p.user_title}}</span>{{/if}}
           {{/if}}
diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss
index 0a86184156e..425614e6ac2 100644
--- a/app/assets/stylesheets/desktop/user.scss
+++ b/app/assets/stylesheets/desktop/user.scss
@@ -494,7 +494,7 @@
         font-size: 1.714em;
       }
     }
-    .user-info {
+    .group-member-info {
       .name {
         display: inline-block;
         margin-top: 5px;
diff --git a/app/assets/stylesheets/mobile/user.scss b/app/assets/stylesheets/mobile/user.scss
index dca11d8d852..3f6a53b9a5c 100644
--- a/app/assets/stylesheets/mobile/user.scss
+++ b/app/assets/stylesheets/mobile/user.scss
@@ -491,6 +491,19 @@
         font-size: 1.714em;
       }
     }
+    .group-member-info {
+      .name {
+        display: inline-block;
+        margin-top: 5px;
+        color: scale-color($primary, $lightness: 30%);
+        vertical-align: inherit;
+      }
+      .title {
+        display: inline-block;
+        margin-top: 5px;
+        color: scale-color($primary, $lightness: 50%);
+      }
+    }
   }
 
   .staff-counters {