fix: issue #1083

Author: yoution

src/components/ChallengeEditor/ChallengeEditor.module.scss

@@ -28,6 +28,13 @@
   span {
     color: $tc-red;
   }
+
+  .errorMessage {
+    text-align: left;
+    margin-left: 60px;
+    font-size: 25px;
+    color: $tc-red;
+  }
 }
 
 .textRequired {
@@ -232,7 +239,6 @@
 }
 
 .error {
-  text-align: right;
   padding-right: 40px;
   padding-bottom: 20px;
   color: $tc-red
@@ -332,6 +338,7 @@
       line-height: 36px;
       margin-bottom: 30px;
       margin-top: 0;
+
     }
 
     span {

src/components/ChallengeEditor/index.js

@@ -1181,7 +1181,7 @@ class ChallengeEditor extends Component {
     if (failedToLoad) {
       return (
         <div className={styles.wrapper}>
-          <div className={styles.title}>{errorMessage || 'There was an error loading the challenge'}</div>
+          <div className={styles.title}>{errorMessage ? <div className={styles.errorMessage}>{`Error : ${errorMessage}`}</div> : 'There was an error loading the challenge'}</div>
           <br />
           <div className={styles.container}>
             <div className={styles.formContainer}>