From 5c8302c78995fe1bf6bf8a72e5c8777c7d93fe98 Mon Sep 17 00:00:00 2001
From: Arpit Jalan <arpit@techapj.com>
Date: Mon, 6 Jul 2015 23:58:37 +0530
Subject: [PATCH] UX: better user title on groups index page

---
 .../javascripts/discourse/templates/group/index.hbs  |  2 +-
 app/assets/stylesheets/desktop/user.scss             | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/templates/group/index.hbs b/app/assets/javascripts/discourse/templates/group/index.hbs
index e64d5673d25..ed6d68e5d73 100644
--- a/app/assets/javascripts/discourse/templates/group/index.hbs
+++ b/app/assets/javascripts/discourse/templates/group/index.hbs
@@ -10,7 +10,7 @@
         <span class="category">{{category-link p.category}}</span>
         <div class="user-info">
           {{#if p.user_long_name}}
-            {{p.user_long_name}}{{#if p.user_title}}, {{p.user_title}}{{/if}}
+            <span class="name">{{p.user_long_name}}</span>{{#if p.user_title}}<span class="title">, {{p.user_title}}</span>{{/if}}
           {{/if}}
         </div>
       </div>
diff --git a/app/assets/stylesheets/desktop/user.scss b/app/assets/stylesheets/desktop/user.scss
index b6faa34f4cb..0a86184156e 100644
--- a/app/assets/stylesheets/desktop/user.scss
+++ b/app/assets/stylesheets/desktop/user.scss
@@ -494,6 +494,18 @@
         font-size: 1.714em;
       }
     }
+    .user-info {
+      .name {
+        display: inline-block;
+        margin-top: 5px;
+        color: scale-color($primary, $lightness: 30%);
+      }
+      .title {
+        display: inline-block;
+        margin-top: 5px;
+        color: scale-color($primary, $lightness: 50%);
+      }
+    }
   }
 
   .staff-counters {