Fix profile menu image and layout issues (#7)

Author: DanielBrierton

cd-menu/cd-menu.js

@@ -152,7 +152,7 @@ window.cdMenu = function (options) {
           profileLink.href = zenBase + '/profile/' + userData.user.id;
         });
         each(profilePics, function (profilePic) {
-          profilePic.src = zenBase + '/api/2.0/profiles/' + userData.user.profileId + '/avatar_img';
+          profilePic.style.backgroundImage = 'url(' + zenBase + '/api/2.0/profiles/' + userData.user.profileId + '/avatar_img)';
         });
         if (userData.user.roles.indexOf('cdf-admin') !== -1) {
           each(cdfAdminMenuLinks, function (menuLink) {

cd-menu/cd-menu.less

@@ -15,6 +15,11 @@
     align-items: center;
 
     &-pic {
+      display: inline-block;
+      background-image: url(/img/avatar.png);
+      background-repeat: no-repeat;
+      background-size: cover;
+      background-position: center;
       border-radius: 100%;
       width: 32px;
       height: 32px;
@@ -301,7 +306,9 @@
     }
 
     &__sliding-menu .cd-menu__content > ul > li > a, &__sliding-menu .cd-menu__content > ul > li > span {
-      display: block;
+      display: flex;
+      flex: 1;
+      align-items: center;
       text-transform: uppercase;
       color: @cd-dark-grey;
       padding: 12px;
@@ -368,10 +375,9 @@
         margin: 0;
         padding: 12px;
 
-        > img {
+        .cd-menu__profile-pic {
           width: 128px;
           height: 128px;
-          border-radius: 100%;
         }
 
         > span {