Added CSS for the report_reason textarea

karastoyanov · Apr 20, 2024 · c36d379 · c36d379
1 parent 3272dcc
commit c36d379
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/static/css/curr_task_template.css b/static/css/curr_task_template.css
@@ -256,3 +256,17 @@ body {
     color: #f73333bd;
 }
 
+.report-reason {
+    display: flex;
+    flex-direction: column;
+    background: #282a36;
+    box-shadow: 0 15px 25px rgba(0, 0, 0, .6);
+    border-radius: 10px;
+    margin-bottom: 10px;
+    margin-top: 10px;
+    margin-left: 10px;
+    padding: 20px;
+    color: #d2d0d0;
+    outline: none;
+    height: 200px;
+}
diff --git a/templates/curr_task_template.html b/templates/curr_task_template.html
@@ -63,7 +63,7 @@ <h4><strong style="color: #03e9f4">Quest: </strong> {{ quest.quest_name }}</h4>
                 <input type="hidden" id="quest_language" name="quest_language" value="{{ quest.language }}">
                 <input type="hidden" id="quest_type" name="quest_type" value="{{ quest.type }}">
                 <button type="button" id="submitSolution" class="submit-button">Submit Quest</button>
-                <textarea class="input-row" name="report-reason" id="report-reason" style="display: none;">Report reason...</textarea>
+                <textarea class="report-reason" name="report-reason" id="report-reason" style="display: none;" placeholder="Report reason..."></textarea>
                 <button type="button" id="reportQuestWithTextarea" class="report-button">Report Quest</button>
                 <button type="button" id="reportQuest" class="report-button" style="display: none;">Report Quest</button>
             </div>