Merge branch 'temp-new-submissions-upload' into new-submissions-upload

Author: dedywahyudi

src/assets/images/arrow-prev-green.svg

@@ -21,9 +21,7 @@ const Header = ({
 }) => (
   <div styleName="header">
     <Link to={`${challengesUrl}/${challengeId}`} styleName="header-link">
-      <div styleName="back-arrow">
-        <LeftArrow styleName="left-arrow" />
-      </div>
+      <LeftArrow styleName="left-arrow" />
       <p>
         {title}
       </p>

src/shared/components/SubmissionPage/Header/index.jsx

@@ -76,10 +76,11 @@
 }
 
 .left-arrow {
-  fill: #137d60;
-  position: absolute;
-  left: 29%;
-  top: 12%;
-  bottom: 25%;
-  transform: scale(0.5);
+  border: 1.5px solid #137d60;
+  border-radius: 24px;
+
+  @include xs-to-md {
+    margin-left: 15px;
+    margin-bottom: 15px;
+  }
 }

src/shared/components/SubmissionPage/Header/styles.scss

@@ -33,14 +33,14 @@
   }
 
   .progress-container {
-    width: 650px;
+    width: 90%;
     height: 10px;
     background-color: #e9e9e9;
     border-radius: 8px;
 
     .progress-bar {
       width: 0%;
-      height: 10px;
+      height: 16px;
       background-color: #9d41c9;
       border-radius: 8px;
     }
@@ -100,8 +100,13 @@
   }
 
   .submitting {
-    margin-top: 20px;
-    font-size: 13px;
+    @include roboto-regular;
+
+    font-weight: 400;
+    text-align: center;
+    margin-top: 8px;
+    font-size: 14px;
+    line-height: 22px;
     color: $tc-black;
   }