Merge pull request #5253 from topcoder-platform/hall-of-fame-fixes

Hall of fame fixes

Author: luizrrodrigues

.circleci/config.yml

@@ -237,7 +237,7 @@ workflows:
           filters:
             branches:
               only:                
-                - free
+                - hall-of-fame-fixes
       # This is alternate dev env for parallel testing
       - "build-qa":
           context : org-global      

src/shared/components/HallOfFamePage/Finalists/index.jsx

@@ -34,6 +34,7 @@ function findTheme(track) {
     case 'DEVELOPMENT':
     case 'FIRST2FINISH':
     case 'MOD DASH':
+    case 'QA':
       return developmentAndFirst2finishTheme;
     case 'STUDIO':
     case 'UI DESIGN':

src/shared/components/HallOfFamePage/FunFacts/styles.scss

@@ -1,7 +1,7 @@
 @import "~styles/mixins";
 
 .container {
-  align-items: center;
+  align-items: stretch;
   display: flex;
   justify-content: space-between;
 
@@ -15,7 +15,6 @@
 .fact {
   background-color: #fff;
   border-radius: 4px;
-  height: 330px;
   width: 360px;
 
   @include xs-to-lg {
@@ -48,10 +47,10 @@
   border-top: solid 4px #5cc900;
   color: #000;
   font-size: 15px;
-  height: 150px;
   line-height: 25px;
   padding: 15px;
   text-align: left;
+  margin-top: -3px;
 
   a,
   a:visited {

src/shared/components/HallOfFamePage/HoF.jsx

@@ -243,7 +243,7 @@ const HallOfFamePage = ({ eventId, hallOfFame }) => {
                                 {
                                   data.fields.spiritAwardWinners && (
                                     <div styleName="spirit-awards">
-                                      <h3>Spirit Award</h3>
+                                      <h3>SPIRIT AWARD WINNER</h3>
                                       <div styleName="spirit-awards-wrap">
                                         {
                                           _.map(

src/shared/components/HallOfFamePage/styles.scss

@@ -179,6 +179,7 @@
 
   img {
     min-height: 375px;
+    max-height: 100%;
     width: 100%;
   }
 
@@ -253,6 +254,7 @@
     margin: 0;
     padding: 0;
     width: 127px;
+    white-space: nowrap;
   }
 
   margin: 7px;
@@ -374,13 +376,23 @@
 }
 
 .spirit-awards {
-  margin-top: 50px;
+  margin: 40px auto 60px auto;
   display: flex;
   flex-direction: column;
-  align-items: center;
+  border: 1px solid #e2c6f3;
+  border-radius: 4px;
+  width: 173px;
 
   h3 {
-    margin-bottom: 20px;
+    margin: 0;
+    background-color: #914da5;
+    border-radius: 4px 4px 0 0;
+    color: #fff;
+    font-family: Roboto, sans-serif;
+    font-size: 13px;
+    line-height: 30px;
+    text-align: center;
+    font-weight: bold;
   }
 
   .spirit-awards-wrap {
@@ -390,5 +402,9 @@
     a {
       font-size: 16px;
     }
+
+    p {
+      margin: 0;
+    }
   }
 }