From 1cfd8dd8439dc7f35c6f7d1b84df2e2bebe087e9 Mon Sep 17 00:00:00 2001
From: Max Geldner <max.sgeldner@t-online.de>
Date: Tue, 13 Nov 2018 11:50:47 +0100
Subject: [PATCH] Added feedback to cia quiz

---
 .../cia/src/main/resources/html/CIA.html      | 26 ++++++++++---------
 .../cia/src/main/resources/js/quiz.js         |  2 +-
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/webgoat-lessons/cia/src/main/resources/html/CIA.html b/webgoat-lessons/cia/src/main/resources/html/CIA.html
index 5bc964274..3caef6e61 100644
--- a/webgoat-lessons/cia/src/main/resources/html/CIA.html
+++ b/webgoat-lessons/cia/src/main/resources/html/CIA.html
@@ -22,19 +22,21 @@
     <script th:src="@{/lesson_js/quiz.js}" language="JavaScript"></script>
     <link rel="import" type="application/json" th:href="@{/lesson_js/questions.json}"/>
     <div class="adoc-content" th:replace="doc:CIA_quiz.adoc"></div>
-    <div class="assignment-success"><i class="fa fa-2 fa-check hidden" aria-hidden="true"></i></div>
-    <div class="container-fluid">
-        <form id="quiz-form" class="attack-form" accept-charset="UNKNOWN"
-              method="POST" name="form"
-              action="cia/quiz"
-              enctype="application/json;charset=UTF-8" role="form">
-            <div id="q_container"></div>
-            <br />
-            <input name="Quiz_solutions" value="Submit answers" type="SUBMIT"/>
-        </form>
+    <div class="attack-container">
+        <div class="assignment-success"><i class="fa fa-2 fa-check hidden" aria-hidden="true"></i></div>
+        <div class="container-fluid">
+            <form id="quiz-form" class="attack-form" accept-charset="UNKNOWN"
+                  method="POST" name="form"
+                  action="cia/quiz"
+                  enctype="application/json;charset=UTF-8" role="form">
+                <div id="q_container"></div>
+                <br />
+                <input name="Quiz_solutions" value="Submit answers" type="SUBMIT"/>
+            </form>
+        </div>
+        <div class="attack-feedback"></div>
+        <div class="attack-output"></div>
     </div>
-    <div class="attack-feedback"></div>
-    <div class="attack-output"></div>
 </div>
 
 </html>
\ No newline at end of file
diff --git a/webgoat-lessons/cia/src/main/resources/js/quiz.js b/webgoat-lessons/cia/src/main/resources/js/quiz.js
index f2953165b..32fdaf41b 100644
--- a/webgoat-lessons/cia/src/main/resources/js/quiz.js
+++ b/webgoat-lessons/cia/src/main/resources/js/quiz.js
@@ -11,7 +11,7 @@ $(function () {
             let html = "";
             jQuery.each(questionsObj, function(i, obj) {
                 jQuery.each(obj, function(j, quest) {
-                  html += "<div id='question_" + j + "' class='quiz_question attack-container' name='question'><p>" + (j+1) + ".&nbsp;" + quest.text + "</p>";
+                  html += "<div id='question_" + j + "' class='quiz_question' name='question' style='border: solid 1px; padding: 4px; margin: 5px 2px 5px 2px'><p>" + (j+1) + ".&nbsp;" + quest.text + "</p>";
                   html += "<fieldset>";
                   jQuery.each(quest.solutions, function(k, solution) {
                     solution = "Solution " + k + ": " + solution;