Merge pull request #916 from iversonLv/dev

PR for Issue_905 -iversonLv- X to close Badges pop up is too far to the right

Author: talesforce

app/profile/badges/badges.jade

@@ -1,4 +1,5 @@
 header.head
+  .ngdialog-close
   .breadcrumbs
     .handle
       img.profile-circle(fallback-src=require("../../../assets/images/avatarPlaceholder.png"), ng-src="{{vm.profile.photoURL}}")

assets/css/directives/design-lightbox.scss

@@ -67,12 +67,18 @@
   justify-content: center;
   z-index: 10000;
   .ngdialog-content {
-    .ngdialog-close { 
+    .ngdialog-close {
+      display: none;
       position: absolute;
       top: 5px;
       right: 15px;
       font-size: 30px;
     }
+    .head {
+      .ngdialog-close {
+        display: block;
+      }
+    }
     opacity: .95;
     height: 742px;
     width: 768px;

assets/css/profile/badges.scss

@@ -17,6 +17,7 @@
       @include sofia-pro-extra-light;
       font-size: 28px;
       line-height: 34px;
+      position: relative;
       span {
         display: inline;
         &.title {

assets/css/profile/nav.scss

@@ -32,8 +32,8 @@
   border-radius: 5px;
   cursor: pointer;
   position: absolute;
-  right: 0;
-  top: 0;
+  right: -30px;
+  top: -20px;
 }
 
 .ngdialog.ngdialog-nav-theme .ngdialog-close:before {