center slash

Author: Nick Litwin

app/my-dashboard/my-challenges/my-challenges.controller.js

@@ -10,7 +10,7 @@
     vm.domain = CONSTANTS.domain;
     vm.loading = true;
     vm.userHasChallenges = true;
-    vm.challengeView = 'list';
+    vm.challengeView = 'tile';
     vm.toggleView = toggleView;
 
     var handle = userIdentity.handle;

app/my-dashboard/my-challenges/my-challenges.jade

@@ -2,7 +2,7 @@ header(ng-hide="vm.loading")
   h1.section-title(ng-bind="vm.userHasChallenges ? 'My Challenges' : 'Challenges'")
 
   .challenge-view-toggle
-    button.grid(ng-click="vm.toggleView('tile')", ng-class="{ disabled: vm.challengeView === 'tile' }") Grid
+    button.tile(ng-click="vm.toggleView('tile')", ng-class="{ disabled: vm.challengeView === 'tile' }") Grid
 
     button.list(ng-click="vm.toggleView('list')", ng-class="{ disabled: vm.challengeView === 'list' }") List
 

app/my-dashboard/subtrack-stats/subtrack-stats.controller.js

@@ -15,9 +15,9 @@
     activate();
 
     function activate() {
-      var handle = userIdentity.handle;
+      vm.handle = userIdentity.handle;
 
-      ProfileService.getUserStats(handle)
+      ProfileService.getUserStats(vm.handle)
       .then(function(stats) {
         var subtrackRanks = [];
 

app/my-dashboard/subtrack-stats/subtrack-stats.jade

@@ -3,7 +3,7 @@
 
 .ratings(ng-if="vm.hasRanks && !vm.loading")
   .tracks
-    .track(ng-repeat="subtrack in vm.subtrackRanks | orderBy: ['track', 'rank']", ui-sref="profile.develop({userHandle: vm.profile.handle, track: subtrack.track, subTrack: subtrack.subTrack})")
+    .track(ng-repeat="subtrack in vm.subtrackRanks | orderBy: ['track', 'rank']", ui-sref="profile.subtrack({userHandle: vm.handle, track: subtrack.track, subTrack: subtrack.subTrack})")
       .flex-wrapper
         p.subtrack {{subtrack.subTrack | underscoreStrip}}
 

assets/css/my-dashboard/my-challenges.scss

@@ -42,7 +42,7 @@
         @include background-image-size(16px, 16px);
       }
 
-      &.grid:before {
+      &.tile:before {
         background: url(/images/ico-grid.svg);
       }
       &.list:before {

assets/css/my-dashboard/subtrack-stats.scss

@@ -21,7 +21,7 @@
           display: flex;
           flex-direction: column;
           align-items: center;
-          margin-right: 30px;
+          margin-right: 35px;
           padding: 30px 20px;
           cursor: pointer;
 
@@ -64,6 +64,10 @@
           left: -30px;
           @include forward-slash(1px, 60px, 0, 2px, 30deg);
           background-color: #D1D3D4;
+          @media only screen and (min-width: 768px) {
+            top: 42px;
+            left: -18px;
+          }
         }
 
         p {