Merge pull request #561 from appirio-tech/feature/SUP-2278

Some fixes

Author: tladendo

app/directives/challenge-user-place/design-challenge-user-place.directive.jade

@@ -1,8 +1,8 @@
 .tile-view(ng-show="view === 'tile'")
   p.place(ng-class="{ 'first-place': challenge.wonFirst }", ng-show="challenge.highestPlacement") {{challenge.highestPlacement}}#[span {{challenge.highestPlacement | ordinal:true}}] Place
-  p.place(ng-show="challenge.userStatus === 'NOT_FINISHED'") Didn't Finish
-  p.place(ng-show="challenge.userStatus === 'PASSED_SCREENING'") Passed Screening
-  p.place(ng-show="challenge.userStatus === 'COMPLETED'") COMPLETED
+  p.place.didnt(ng-show="challenge.userStatus === 'NOT_FINISHED'") Didn't Finish
+  p.place.passed(ng-show="challenge.userStatus === 'PASSED_SCREENING'") Passed Screening
+  p.place.completed(ng-show="challenge.userStatus === 'COMPLETED'") COMPLETED
 
   .thumbnail(ng-click="!challenge.isPrivate && imageURL && openLightbox()", ng-class="{hidden: challenge.userStatus !== 'PASSED_REVIEW'}")
     img(ng-show="!challenge.isPrivate", ng-src="{{imageURL || '/images/card-bg-no-image.svg'}}", fallback-src="/images/card-bg-no-image.svg")
@@ -16,9 +16,9 @@
 .list-view(ng-show="view === 'list'")
   .place-date
     p.place(ng-class="{ 'first-place': challenge.wonFirst }", ng-show="challenge.highestPlacement") {{challenge.highestPlacement}}#[span {{challenge.highestPlacement | ordinal:true}}] Place
-    p.place(ng-show="challenge.userStatus === 'NOT_FINISHED'") Didn't Finish
-    p.place(ng-show="challenge.userStatus === 'PASSED_SCREENING'") Passed Screening
-    p.place(ng-show="challenge.userStatus === 'COMPLETED'") COMPLETED
+    p.place.didnt(ng-show="challenge.userStatus === 'NOT_FINISHED'") Didn't Finish
+    p.place.passed(ng-show="challenge.userStatus === 'PASSED_SCREENING'") Passed Screening
+    p.place.completed(ng-show="challenge.userStatus === 'COMPLETED'") COMPLETED
     p.date-completed {{challenge.submissionEndDate | date : 'MMMM yyyy'}}
 
   .winner-ribbon(ng-show="challenge.wonFirst")

assets/css/directives/design-challenge-user-place.scss

@@ -10,7 +10,7 @@ design-challenge-user-place {
 
     .place {
       &.completed, &.passed, &.didnt {
-        margin-bottom: -23px;
+        margin-bottom: -36px;
         margin-top: 40px;
       }
       margin-bottom: 8px;