From 3340b3755266c268fc02cdca8a28476293bbc340 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 28 Dec 2020 23:19:38 +0000
Subject: [PATCH] .

---
 anatomy/static/css/anatomy.css      | 7 ++++++-
 anatomy/templates/anatomy/mark.html | 6 +++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/anatomy/static/css/anatomy.css b/anatomy/static/css/anatomy.css
index 0082135a..3526c744 100644
--- a/anatomy/static/css/anatomy.css
+++ b/anatomy/static/css/anatomy.css
@@ -12,13 +12,17 @@ a, a:link {
 }
 
 .answer-list {
-  font-size: 30px;
+  font-size: 25px;
   user-select: none;
   -webkit-user-select: none; /* Chrome/Safari */        
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE10+ */
 }
 
+.answer-list .answer:hover{
+  z-index: 99999;
+}
+
 .answer-list .correct {
   color: green;
 }
@@ -148,6 +152,7 @@ button a {
 #dicom-image {
   width: 100%;
   height: 600px;
+  z-index: 0;
 }
 
 #dicom-image.marking-dicom {
diff --git a/anatomy/templates/anatomy/mark.html b/anatomy/templates/anatomy/mark.html
index 09a86945..89b6e4bc 100644
--- a/anatomy/templates/anatomy/mark.html
+++ b/anatomy/templates/anatomy/mark.html
@@ -14,7 +14,7 @@
         Unmarked:
         <ul id="new-answer-list" class="answer-list">
             {% for answer in user_answers %}
-            <li><span class="answer not-marked">{{ answer }}</span></li>
+            <li><pre><span class="answer not-marked">{{ answer }}</span></pre></li>
             {% endfor %}
         </ul>
         Marked:
@@ -23,10 +23,10 @@
             <li><pre><span class="answer correct">{{ answer }}</span></pre></li>
             {% endfor %}
             {% for answer in half_mark_answers %}
-            <li><span class="answer half-correct">{{ answer }}</span></li>
+            <li><pre><span class="answer half-correct">{{ answer }}</span></pre></li>
             {% endfor %}
             {% for answer in incorrect_answers %}
-            <li><span class="answer incorrect">{{ answer }}</span></li>
+            <li><pre><span class="answer incorrect">{{ answer }}</span></pre></li>
             {% endfor %}
         </ul>
         <div class="answer-list key">Key: <span class="correct">2 Marks</span>, <span class="half-correct">1