Fix bug 1000267 - Add webmaker usernames to featured mentors

less/explore/kits.less

@@ -51,10 +51,7 @@
       width: auto;
     }
   }
-  h3 {
-    font-size: @kit-title-size;
-    font-weight: 200;
-  }
+
 }
 
 // Staff picks

less/explore/main.less

@@ -374,6 +374,11 @@ img {
 * Competency pages
 */
 
+h3 {
+  font-size: 24px;
+  font-weight: 200;
+}
+
 .mentor-container {
   display: block;
   color: inherit;
@@ -382,12 +387,9 @@ img {
     color: inherit;
   }
 
-  height: 300px;
-  @media (min-width: @screen-lg-min) {
-    height: 350px;
-  }
-  @media (min-width: @screen-xl-min) {
   height: 400px;
+  @media (min-width: @screen-xl-min) {
+    height: 450px;
   }
 }
 

less/explore/variables.less

@@ -7,5 +7,3 @@
 @kit-caption-border: darken(@kit-background, 5%);
 @kit-background: #F5F5F5;
 @kit-height: 300px; // How tall are the kits?
-
-@kit-title-size: 24px;

public_angular/views/competency.html

@@ -49,9 +49,9 @@
               <img ng-src="{{mentor.photo}}" alt="{{mentor.name}}" class="img-circle img-mentor-avatar">
               <div ng-show="mentor.gif" class="mentor-gif" style="background-image:url({{mentor.gif}})"></div>
             </ex-avatar>
-
-            <p>{{mentor.name}}<br>
-            <span class="text-muted">{{ mentor.bio }}</span></p>
+            <h3>{{ mentor.name }}</h3>
+            <p>@{{mentor.username}}</p>
+            <p><span class="text-muted">{{ mentor.bio }}</span></p>
           </a>
         </div>