fix: issue #1174

Author: yoution

src/components/ChallengeEditor/Cancel-Dropdown/index.js

@@ -50,7 +50,7 @@ const CancelDropDown = ({ challenge, history }) => {
   return (
     <>
       <Dropdown trigger={['click']} overlay={menu} animation='slide-up'>
-        <PrimaryButton text={'Cancel'} type={'info'} />
+        <PrimaryButton text={'Cancel'} type={'danger'} />
       </Dropdown>
       {showModal && (
         <ConfirmationModal

src/components/ChallengeEditor/ChallengeViewTabs/ChallengeViewTabs.module.scss

@@ -27,6 +27,10 @@ $tc-white: #FFFFFF;
   }
 }
 
+.cancel-button {
+  margin-right: 20px;
+}
+
 .button {
   height: 40px;
   span {

src/components/ChallengeEditor/ChallengeViewTabs/index.js

@@ -99,7 +99,7 @@ const ChallengeViewTabs = ({
           styles.actionButtonsRight
         )}
       >
-        {(challenge.status === 'Draft' || challenge.status === 'New') && <CancelDropDown challenge={challenge} />}
+        {(challenge.status === 'Draft' || challenge.status === 'New') && <div className={styles['cancel-button']}><CancelDropDown challenge={challenge} /></div>}
         {challenge.status === 'Draft' && (
           <div className={styles.button}>
             {challenge.legacyId || isTask ? (

src/components/LegacyLinks/index.js

@@ -43,7 +43,7 @@ const LegacyLinks = ({ challenge, challengeView }) => {
         { challengeView && challenge.discussions && challenge.discussions.map(d => (
           <div key={d.id} className={cn(styles.row, styles.topRow)}>
             <div className={styles.col} >
-              <span><span className={styles.fieldTitle}>Forum:</span> <a href={d.url} target='_blank' rel='noopener noreferrer'>{d.name}</a></span>
+              <span><span className={styles.fieldTitle}><a href={d.url} target='_blank' rel='noopener noreferrer'>Forum</a></span></span>
             </div>
           </div>
         ))}