more fixes

anatomy/static/css/anatomy.css

@@ -116,7 +116,6 @@ button a {
 }
 
 .marking-list {
-  float: right;
 }
 
 .save {
@@ -147,12 +146,13 @@ button a {
 
 #dicom-image {
   width: 60%;
-  float: left;
+  position: fixed;
+  right: 0px;
   height: 600px;
+  bottom: 0px;
 }
 
 .marking {
-  float: right;
 }
 
 #question-mark-list {

anatomy/templates/anatomy/mark.html

@@ -3,7 +3,7 @@
 {% block content %}
 <h2>Marking question {{question_details.current}} of {{question_details.total}}</h2>
 <a href="{% url 'anatomy:anatomy_question_update' question.id %}" title="Edit the Question">Edit</a> <a href="{% url 'admin:anatomy_anatomyquestion_change' question.id %}" title="Edit the Question using the admin interface">Admin Edit</a>
-<p>{{ question.question_type }}</p>
+<h3>{{ question.question_type }}</h3>
 
 <div id="dicom-image" data-url="{{ question.image.url}}" data-annotations='{{question.image_annotations}}'>
 </div>

physics/templates/physics/exam_list.html

@@ -25,6 +25,10 @@
 {% endfor %}
  </ul>
 
+ <p>Active exams will be available to take at the below url:
+   <a href="{% url 'physics:active_exams' %}">Available exams</a>
+ </p>
+
 
 </div>
 {% endblock %}

physics/templates/physics/exam_take.html

@@ -5,13 +5,25 @@
 <div class="physics">
     <h1>Exam: {{ exam.name }}</h1>
 
+    <div class="alert alert-info" role="alert">
+        <h3>Instructions</h3>
+        <p>
+            Please make sure you submit answers before closing or navigating from this page (as otherwise they will not
+            be saved). The submit button is at the bottom of the page.
+        </p>
+        <p>
+            Click on a question to toggle between true / false.
+        </p>
+        <p>
+            Ensure your candidate number is entered in the below box.
+        </p>
+    </div>
+
     <div>
         Candidate number: <input type="number" id="cid" name="cid" title="please enter your candidate number">
     </div>
-    <p>
+
-        Please make sure you submit answers before closing or navigating from this page (as otherwise they will not be
+    <h2>Questions</h2>
-        saved)
-    </p>
 
     {% autoescape off %}
     <ol id="full-question-list-physics">
@@ -22,31 +34,36 @@
             <ol type="a" class="abcde">
                 <li>
                     <span class="question-text">{{ question.a }}:</span> <label class="truefalse-switch"> <input
-                            type="checkbox" class="question a" id="{{question.pk}}-a-checkbox" data-q="{{question.pk}}" data-a="a">
+                            type="checkbox" class="question a" id="{{question.pk}}-a-checkbox" data-q="{{question.pk}}"
+                            data-a="a">
                         <div class="slider round a"></div>
                     </label>
                 </li>
                 <li>
                     <span class="question-text">{{ question.b }}:</span> <label class="truefalse-switch"> <input
-                            type="checkbox" class="question b" id="{{question.pk}}-b-checkbox" data-q="{{question.pk}}" data-a="b">
+                            type="checkbox" class="question b" id="{{question.pk}}-b-checkbox" data-q="{{question.pk}}"
+                            data-a="b">
                         <div class="slider round b"></div>
                     </label>
                 </li>
                 <li>
                     <span class="question-text">{{ question.c }}:</span> <label class="truefalse-switch"> <input
-                            type="checkbox" class="question c" id="{{question.pk}}-c-checkbox" data-q="{{question.pk}}" data-a="c">
+                            type="checkbox" class="question c" id="{{question.pk}}-c-checkbox" data-q="{{question.pk}}"
+                            data-a="c">
                         <div class="slider round c"></div>
                     </label>
                 </li>
                 <li>
                     <span class="question-text">{{ question.d }}:</span> <label class="truefalse-switch"> <input
-                            type="checkbox" class="question d" id="{{question.pk}}-d-checkbox" data-q="{{question.pk}}" data-a="d">
+                            type="checkbox" class="question d" id="{{question.pk}}-d-checkbox" data-q="{{question.pk}}"
+                            data-a="d">
                         <div class="slider round d"></div>
                     </label>
                 </li>
                 <li>
                     <span class="question-text">{{ question.e }}:</span> <label class="truefalse-switch"> <input
-                            type="checkbox" class="question e" id="{{question.pk}}-e-checkbox" data-q="{{question.pk}}" data-a="e">
+                            type="checkbox" class="question e" id="{{question.pk}}-e-checkbox" data-q="{{question.pk}}"
+                            data-a="e">
                         <div class="slider round e"></div>
                     </label>
                 </li>

templates/cid_selector.html

@@ -2,13 +2,22 @@
 
 {% block content %}
 <div class="">
-    <h2>Please enter your CID</h2>
+    <h2>Score / Results checker</h2>
+    <p>Please enter your CID</p>
     <p>CID: <input type="text" name="cid" id="cid-input"></p>
     <button id="cid-selector-go-button">Go...</button>
 </div>
 <script>
     $(document).ready(function () {
 
+        $("#cid-input").keypress(function(e) {
+            // Enter pressed?
+            console.log(e)
+            if(e.which == 10 || e.which == 13) {
+                $("#cid-selector-go-button").click();
+            }
+        });
+
         $("#cid-selector-go-button").click(() => {
             cid = document.getElementById("cid-input").value;
             window.location = window.location + cid;