From 3a8a1dd6cd13e925fa1bbe3edac7a9b5e60af523 Mon Sep 17 00:00:00 2001
From: James Marquez <jamesmarquez@gmail.com>
Date: Mon, 23 Jun 2014 17:31:55 +0800
Subject: [PATCH] fixed prize layout issue

---
 .../css/challenge-detail-software.css         | 29 ++++++++++---------
 .../ng-content-basic-challenge-details.php    |  8 ++---
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/wp-content/themes/tcs-responsive/css/challenge-detail-software.css b/wp-content/themes/tcs-responsive/css/challenge-detail-software.css
index 157c5c77..47ec104e 100644
--- a/wp-content/themes/tcs-responsive/css/challenge-detail-software.css
+++ b/wp-content/themes/tcs-responsive/css/challenge-detail-software.css
@@ -87,16 +87,22 @@
     color: #00AEFF;
     font-size: 18px;
 }
-
+/*Bugfix refactored-challenge-details-26: font color adjusted to same as noPrize prizes for N/A value*/
+.challenge-detail.develop #stepBox .middleColumn table .noPrize .realibilityPara span {
+  color: #d1d1d1;
+}
 .challenge-detail.develop #stepBox .middleColumn table .realibilityPara span {
     color: #228400;
 }
-
-#stepBox .middleColumn table .drPointsPara span {
-    color: #a1a1a1;
+/*Bugfix refactored-challenge-details-26: font color adjusted to same as noPrize prizes for N/A value*/
+#stepBox .middleColumn table .noPrize .drPointsPara span {
+    color: #d1d1d1;
     font-size: 18px;
 }
-
+#stepBox .middleColumn table .drPointsPara span {
+color: #228400;
+font-size: 18px;
+}
 #stepBox .rightColumn {
     display: inline;
     float: left;
@@ -754,24 +760,21 @@
     cursor: default;
     margin: 0 10px;
 }
-
+/*Bugfix for refactored-challenge-details-26: set min-width to fix cut-off of more-payments element in some challenges*/
 .morePayments {
-    width: 19px;
+    min-width: 19px;
     background: url("../i/more-payments.png") no-repeat;
     background-color: #fafafa;
 }
 
-#stepBox .middleColumn.studio table {
-    table-layout: fixed;
-}
-
 #stepBox .middleColumn.studio table p {
     font-size: 12px;
     padding-top: 2px;
     padding-bottom: 2px;
 }
-
-#stepBox .middleColumn table .noPrize h2, #stepBox .middleColumn table .noPrize h3 {
+/*Bugfix for refactored-challenge-details-26: more specific CSS selector for develop challenges to override previous styles for prizes*/
+#stepBox .middleColumn table .noPrize h2, #stepBox .middleColumn table .noPrize h3,
+.challenge-detail.develop #stepBox .middleColumn table .noPrize h2, .challenge-detail.develop #stepBox .middleColumn table .noPrize h3{
     color: #d1d1d1;
 }
 
diff --git a/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php b/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php
index 2ece616f..2d80d128 100644
--- a/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php
+++ b/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php
@@ -81,8 +81,8 @@
     <h3><small>$</small><span ng-bind="challenge.prize[j]"></span></h3>
   </td>
 </tr>
-<tr>
-    <td ng-if="!isDesign" colspan="{{challenge.challengeType == 'Code' ? '2' : ''}}">
+<tr><!-- Bugfix: Added noPrize class when challenge has no reliability bonus -->
+    <td ng-if="!isDesign" colspan="{{challenge.challengeType == 'Code' ? '2' : ''}}" class="{{!challenge.reliabilityBonus ? 'noPrize' : ''}}">
       <p class="realibilityPara">
         Reliability Bonus
         <span ng-if="reliabilityBonus" ng-bind-template="${{challenge.reliabilityBonus}}">
@@ -91,8 +91,8 @@
           N/A
         </span>
       </p>
-    </td>
-    <td ng-if="!isDesign" colspan="{{challenge.challengeType = 'Code' ? '3' : ''}}">
+    </td><!-- Bugfix: Added noPrize class when challenge has no DR points -->
+    <td ng-if="!isDesign" colspan="{{challenge.challengeType = 'Code' ? '3' : ''}}" class="{{!challenge.digitalRunPoints ? 'noPrize' : ''}}">
       <p class="drPointsPara">DR Points <span ng-bind="challenge.digitalRunPoints ? challenge.digitalRunPoints : 'N/A'"></span></p>
     </td>
     </td>