new css to go with DOM changes

lms/static/sass/multicourse/_dashboard.scss

@@ -21,15 +21,17 @@
       background: $dashboard-profile-color;
 
       .user-name {
+        display: block;
         overflow: hidden;
         margin: 0;
-        padding: ($baseline*0.75) ($baseline/2);
+        padding: ($baseline*0.75) ($baseline/2) 0;
         color: $base-font-color;
         text-transform: none;
         text-wrap: nowrap;
         text-overflow: ellipsis;
         text-align: center;
-        font: 700 1.2em/1.2em $sans-serif;
+        font-weight: 700;
+        line-height: 1.2em;
       }
     }
 

lms/templates/dashboard.html

@@ -77,7 +77,7 @@
 
   <section class="profile-sidebar">
     <header class="profile">
-      <h2 class="user-name"><span class="sr">${_("Username")}: </span>${ user.username }</h2>
+      <h2><span class="sr">${_("Username")}: </span><span  class="user-name">${ user.username }</span></h2>
     </header>
     <section class="user-info">
       <ul>