fix: pulled again changes for github#1172-Improve UX for Close Task button

Author: Vikas Agarwal

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

@@ -34,7 +34,7 @@ $tc-white: #FFFFFF;
 .button {
   height: 40px;
   span {
-    padding: 0 20px;
+    padding: 0 15px;
   }
 }
 

src/components/ChallengeEditor/ChallengeViewTabs/index.js

@@ -119,15 +119,13 @@ const ChallengeViewTabs = ({
         {isTask && challenge.status === 'Active' && (
           <div className={styles.button}>
             {assignedMemberDetails ? (
-              <PrimaryButton
-                text={'Close Task'}
-                type={'danger'}
-                onClick={onCloseTask}
-              />
+              <Tooltip content={MESSAGE.MARK_COMPLETE}>
+                <PrimaryButton text={'Mark Complete'} type={'success'} onClick={onCloseTask} />
+              </Tooltip>
             ) : (
               <Tooltip content={MESSAGE.NO_TASK_ASSIGNEE}>
                 {/* Don't disable button for real inside tooltip, otherwise mouseEnter/Leave events work not good */}
-                <PrimaryButton text={'Close Task'} type={'disabled'} />
+                <PrimaryButton text={'Mark Complete'} type={'disabled'} />
               </Tooltip>
             )}
           </div>