Added results CRUD and result detailed view

ref-test/quiz/templates/quiz/index.html

@@ -13,6 +13,9 @@
         The presentation of the questions is just a start, and we acknowledge we still have a long way to go. We welcome any feedback on how we can further improve this test.
     </p>
     <div class="button-container">
-        <a href="{{ url_for('quiz_views.instructions') }}" class="btn btn-success">Read the Instructions</a>
+        <a href="{{ url_for('quiz_views.instructions') }}" class="btn btn-success">
+            <i class="bi bi-book-fill button-icon"></i>
+            Read the Instructions
+        </a>
     </div>
 {% endblock %}

ref-test/quiz/templates/quiz/instructions.html

@@ -50,6 +50,9 @@
         </p>
     </div>
     <div class="button-container">
-        <a href="{{ url_for('quiz_views.start') }}" class="btn btn-success">Take the Quiz</a>
+        <a href="{{ url_for('quiz_views.start') }}" class="btn btn-success">
+            <i class="bi bi-pencil-fill button-icon"></i>
+            Take the Exam
+        </a>
     </div>
 {% endblock %}

ref-test/quiz/templates/quiz/result.html

@@ -9,10 +9,10 @@
         <span class="surname">{{ entry.name.surname }}</span>, {{ entry.name.first_name }}
     </h3>
 
-    <strong class="results-details">Email Address</strong>: {{ entry.email }}
+    <strong class="results-details">Email Address</strong>: {{ entry.email }} <br />
 
     {% if entry.club %}
-        <strong class="results-details">Club</strong>: {{ entry.club }}
+        <strong class="results-details">Club</strong>: {{ entry.club }} <br />
     {% endif%}
 
     {% if entry.status == 'late' %}
@@ -34,7 +34,7 @@
 
             <ul>
                 {% for tag in tag_output %}
-                    <li>{{ tag[0] }}</li>
+                    <li>{{ tag }}</li>
                 {% endfor %}
             </ul>
         {% endif %}

ref-test/quiz/templates/quiz/start-quiz.html

@@ -34,7 +34,10 @@
             <div class="container form-submission-button">
                 <div class="row">
                     <div class="col text-center">
-                        <button class="btn btn-md btn-success btn-block" type="submit">Start Quiz</button>
+                        <button class="btn btn-md btn-success btn-block" type="submit">
+                            <i class="bi bi-pencil-fill button-icon"></i>
+                            Start Exam
+                        </button>
                     </div>
                 </div>
             </div>