Merge pull request #350 from appirio-tech/feature/stalled-ios-card-state

Feature/stalled ios card state

Author: vikasrohit

app/directives/ios-card/ios-card.directive.jade

@@ -9,11 +9,14 @@
   .challenge-details
 
     p.currentPhase {{challenge.userCurrentPhase}}
+
     .challenge-calendar(ng-show="challenge.userCurrentPhaseEndTime")
       p.ends-in Ends In
       p.time-remaining {{challenge.userCurrentPhaseEndTime[0]}}
       p.unit-of-time {{challenge.userCurrentPhaseEndTime[1]}}
 
+    .stalled-challenge(ng-hide="challenge.userCurrentPhaseEndTime") This challenge is currently paused.
+      
     p.prize-money(ng-show="challenge.reviewType === 'PEER'") Peer Review Challenge
 
     p.prize-money(ng-hide="challenge.reviewType === 'PEER'") {{challenge.totalCheckpointPrize || 0 | currency:undefined:0}}

assets/css/directives/ios-card.scss

@@ -49,7 +49,10 @@ ios-card .challenge.tile-view {
     align-items: center;
 
     .currentPhase {
-      margin-top: 42px;
+      margin-top: 40px;
+      @include sofia-pro-light;
+      font-size: 20px;
+      line-height: 24px;
     }
   }
 
@@ -62,7 +65,8 @@ ios-card .challenge.tile-view {
   }
 
   .technologies {
-    margin-bottom: 40px;
+    height: 36px;
+    margin-bottom: 33px;
     padding: 0 20px;
     @include source-sans-regular;
     font-size: 13px;
@@ -75,8 +79,7 @@ ios-card .challenge.tile-view {
     align-items: center;
     width: 75px;
     height: 63px;
-    margin-bottom: 20px;
-    margin-top: 44px;
+    margin-top: 16px;
     background-image: url(/images/ico-calendar.svg);
 
     > p {
@@ -105,6 +108,11 @@ ios-card .challenge.tile-view {
     }
   }
 
+  .stalled-challenge {
+    margin-top: 31px;
+    margin-bottom: 32px;
+  }
+
   .phase-action {
     margin-bottom: 25px;
     @include button-m-wide;