better challenge description

DarkIntaqt · May 31, 2023 · 0fffec5 · 0fffec5
1 parent 0f330b8
commit 0fffec5
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/src/css/user.module.css b/src/css/user.module.css
@@ -698,11 +698,24 @@ span.availableTitle img {
     float: left;
 }
 
-.field>p {
+.field>div {
+    float: left;
+}
+
+.field>div>p {
     font-size: .9rem;
     color: var(--light2);
     padding: 0 10px;
-    line-height: 1.2;
+    line-height: 1.4;
+    text-align: justify;
+}
+
+.field .line {
+    width: 90%;
+    margin: 5px 5%;
+    height: 2px;
+    float: left;
+    background-color: var(--dark3);
 }
 
 @media only screen and (max-width: 1050px) {

diff --git a/src/module/Challenge.js b/src/module/Challenge.js
@@ -462,7 +462,7 @@ class Challenge extends Component {
                             <h2>{t("Info")}</h2>
                             <span> {t("All you need to know about this challenge")} </span>
                         </div>
-                        <p dangerouslySetInnerHTML={{ __html: challenge.text.replace(/\n/g, "<br />") }}></p>
+                        <div dangerouslySetInnerHTML={{ __html: "<p>" + challenge.text.replace(/---\n/ig, "</p><div class='" + css.line + "'></div><p>").replace(/\n/g, "<br />") + "</p>" }}></div>
                     </div> : null
                     }