Merge pull request #1153 from topcoder-platform/feature/cf-0.8.0

fix: git#1129-Actionable affordances are inconsistent and confusing

Author: vikasrohit

src/components/ChallengesComponent/ChallengeCard/ChallengeCard.module.scss

@@ -264,7 +264,6 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: $tc-red;
   border-color: $tc-red;
   cursor: pointer;
 
@@ -274,7 +273,7 @@
     font-size: 14px;
     font-weight: 400;
     line-height: 17px;
-    color: $white;
+    color: $tc-red;
     text-transform: capitalize;
     display: flex;
     justify-content: center;

src/components/ChallengesComponent/ChallengeStatus/ChallengeStatus.module.scss

@@ -3,7 +3,7 @@
 .container {
   height: 22px;
   width: 86px;
-  border-radius: 11.5px;
+  border-radius: 3px;
   display: flex;
   justify-content: center;
   align-items: center;

src/components/ChallengesComponent/ChallengeTag/ChallengeTag.module.scss

@@ -3,7 +3,7 @@
 .tag {
   display: inline-block;
   padding: 0 15px;
-  border-radius: 10px;
+  border-radius: 3px;
   background-color: $lighter-gray;
   min-width: 54px;
   text-align: center;