improvement(reskin): mobile tab issues f2f

Author: dedywahyudi

src/shared/actions/page/challenge-details.js

@@ -12,7 +12,7 @@ export const TABS = {
   REGISTRANTS: 'registrants',
   CHECKPOINTS: 'checkpoints',
   SUBMISSIONS: 'submissions',
-  MY_SUBMISSIONS: 'my_submissions',
+  MY_SUBMISSIONS: 'my submissions',
   WINNERS: 'winners',
   CHALLENGE_FORUM: 'challenge_forum',
   MM_DASHBOARD: 'dashboard',

src/shared/components/challenge-detail/Header/TabSelector/index.jsx

@@ -308,7 +308,7 @@ export default function ChallengeViewSelector(props) {
                   {
                     currentSelected === DETAIL_TABS.MY_SUBMISSIONS && hasRegistered
                     && isMM && mySubmissions && (
-                      <span styleName="mobile-tab-num">{numOfSub}</span>
+                      <span styleName="mobile-tab-num">{mySubmissions.length}</span>
                     )
                   }
                   {
@@ -335,7 +335,7 @@ export default function ChallengeViewSelector(props) {
         }
             </div>
             {
-              isSubmissionTabSelected && !isDesign && (
+              isSubmissionTabSelected && (
                 <div
                   styleName="mobile-sort-icon"
                   role="button"

src/shared/containers/SubmissionManagement/styles.scss

@@ -7,6 +7,7 @@ $sm-space-40: $base-unit * 8;
 .outer-container {
   background: $tc-gray-10;
   padding: 24px;
+  width: 100%;
 
   @include xs-to-sm {
     padding: 15px;