From 1be4994da81005acd70922b9f61f29b0b6388f0e Mon Sep 17 00:00:00 2001
From: Sukma Nugraha <gets0ul@gmail.com>
Date: Sat, 4 Feb 2017 01:30:19 +0700
Subject: [PATCH 1/2] Fix for issue
 https://github.com/appirio-tech/topcoder-app/issues/980 The styling of
 PLATFORMS list is now the same as the styling of TECHNOLOGIES list.

---
 .../ng-page-challenge-details.php             | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/wp/wp-content/themes/tcs-responsive/ng-page-challenge-details.php b/wp/wp-content/themes/tcs-responsive/ng-page-challenge-details.php
index cf939246..83e549d8 100644
--- a/wp/wp-content/themes/tcs-responsive/ng-page-challenge-details.php
+++ b/wp/wp-content/themes/tcs-responsive/ng-page-challenge-details.php
@@ -145,14 +145,17 @@ function tc_challenge_details_js() {
 
     <article id="platforms">
       <h1>Platforms</h1>
-      <ul>
-        <li ng-if="(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)" ng-repeat="platform in CD.challenge.platforms" >
-          <strong ng-bind="platform"></strong>
-        </li>
-        <li ng-if="!(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)">
-          <strong>Not Specified</strong>
-        </li>
-      </ul>
+      <div class="technologyTags">
+        <ul>
+          <li ng-if="(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)" ng-repeat="platform in CD.challenge.platforms" >
+            <span>{{platform}}</span>
+          </li>
+          <li ng-if="!(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)">
+            <strong>Not Specified</strong>
+          </li>
+        </ul>
+        <div class="clear"></div>
+      </div>
     </article>
 
     <article id="technologies">

From b14c6fea4a4ca7f52a22204c22ac4d2a8238c55d Mon Sep 17 00:00:00 2001
From: Sukma Nugraha <gets0ul@gmail.com>
Date: Sat, 4 Feb 2017 23:29:17 +0700
Subject: [PATCH 2/2] Additional fix to make the styling of PLATFORMS list to
 be the same as the styling of TECHNOLOGIES list.

---
 src/js/app/challenge-details/index.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/js/app/challenge-details/index.html b/src/js/app/challenge-details/index.html
index 0270fb29..70a76e5b 100644
--- a/src/js/app/challenge-details/index.html
+++ b/src/js/app/challenge-details/index.html
@@ -409,14 +409,17 @@ <h1>Challenge Overview</h1>
 
             <article id="platforms">
               <h1>Platforms</h1>
-              <ul>
-                <li ng-if="(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)" ng-repeat="platform in CD.challenge.platforms" >
-                  <strong ng-bind="platform"></strong>
-                </li>
-                <li ng-if="!(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)">
-                  <strong>Not Specified</strong>
-                </li>
-              </ul>
+              <div class="technologyTags">
+                <ul>
+                  <li ng-if="(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)" ng-repeat="platform in CD.challenge.platforms" >
+                    <span>{{platform}}</span>
+                  </li>
+                  <li ng-if="!(hasPlatforms = CD.challenge.platforms && CD.challenge.platforms.length > 0)">
+                    <strong>Not Specified</strong>
+                  </li>
+                </ul>
+                <div class="clear"></div>
+              </div>
             </article>
 
             <article id="technologies">