diff --git a/anatomy/static/css/anatomy.css b/anatomy/static/css/anatomy.css
index be0f51d5..8ce54c30 100644
--- a/anatomy/static/css/anatomy.css
+++ b/anatomy/static/css/anatomy.css
@@ -3,7 +3,8 @@ body {
   background-color: black;
 }
 
-a, a:link {
+a,
+a:link {
   color: #3282b8;
 }
 
@@ -14,12 +15,15 @@ a, a:link {
 .answer-list {
   font-size: 25px;
   user-select: none;
-  -webkit-user-select: none; /* Chrome/Safari */        
-  -moz-user-select: none; /* Firefox */
-  -ms-user-select: none; /* IE10+ */
+  -webkit-user-select: none;
+  /* Chrome/Safari */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* IE10+ */
 }
 
-.answer-list .answer:hover{
+.answer-list .answer:hover {
   z-index: 99999;
   position: relative;
   background: black;
@@ -30,11 +34,12 @@ a, a:link {
   color: lightblue;
 }
 
-.answer-list .correct::after{
+.answer-list .correct::after {
   content: " [Score = 2]";
   font-size: small;
 }
-.answer-list.rapid .correct::after{
+
+.answer-list.rapid .correct::after {
   content: " [Score = 1]";
 }
 
@@ -42,11 +47,12 @@ a, a:link {
   color: yellow;
 }
 
-.answer-list .half-correct::after{
+.answer-list .half-correct::after {
   content: " [Score = 1]";
   font-size: small;
 }
-.answer-list.rapid .half-correct::after{
+
+.answer-list.rapid .half-correct::after {
   content: " [Score = 0.5]";
 }
 
@@ -54,7 +60,7 @@ a, a:link {
   color: red;
 }
 
-.answer-list .incorrect::after{
+.answer-list .incorrect::after {
   content: " [Score = 0]";
   font-size: small;
 }
@@ -94,29 +100,28 @@ a, a:link {
   color: red;
 }
 
-.not-flagged {
-}
+.not-flagged {}
 
 button {
-text-decoration: none;
-display:inline-block;
-padding:0.35em 1.2em;
-border:0.1em solid #52057b;
-margin:0 0.3em 0.3em 0;
-border-radius:0.12em;
-box-sizing: border-box;
-text-decoration:none;
-font-family:'Roboto',sans-serif;
-font-weight:300;
-color:#a600ff;
-text-align:center;
-transition: all 0.2s;
-background-color: transparent;
+  text-decoration: none;
+  display: inline-block;
+  padding: 0.35em 1.2em;
+  border: 0.1em solid #52057b;
+  margin: 0 0.3em 0.3em 0;
+  border-radius: 0.12em;
+  box-sizing: border-box;
+  text-decoration: none;
+  font-family: 'Roboto', sans-serif;
+  font-weight: 300;
+  color: #a600ff;
+  text-align: center;
+  transition: all 0.2s;
+  background-color: transparent;
 }
 
-button:hover{
-color:white;
-background-color:#52057b;
+button:hover {
+  color: white;
+  background-color: #52057b;
 }
 
 button a {
@@ -191,28 +196,28 @@ button a {
   height: 100%;
 }
 
-.marking {
-}
+.marking {}
 
 #question-mark-list {
   padding: 20px
 }
 
 #full-question-list {
-  counter-reset: question-list;                       /* Set a counter named 'section', and its initial value is 0. */
+  counter-reset: question-list;
+  /* Set a counter named 'section', and its initial value is 0. */
 }
 
-#full-question-list li{
+#full-question-list li {
   padding-bottom: 20px;
 }
 
-#full-question-list li::before{
-  counter-increment: question-list;                   
-  content: counter(question-list) "  "; 
+#full-question-list li::before {
+  counter-increment: question-list;
+  content: counter(question-list) "  ";
   padding-right: 0.5em;
 }
 
-#full-question-list img{
+#full-question-list img {
   float: left;
   padding-right: 20px;
   padding-left: 10px;
@@ -233,18 +238,18 @@ button a {
 }
 
 #save-annotations {
-    position: absolute;
-    left: 0;
+  position: absolute;
+  left: 0;
 }
 
 .drop-target {
-    width: 100%;
-    width: 100vw;
-    height: 100px;
-    text-align: center;
-    font-size: larger;
-    position: sticky;
-    bottom: 0;
+  width: 100%;
+  width: 100vw;
+  height: 100px;
+  text-align: center;
+  font-size: larger;
+  position: sticky;
+  bottom: 0;
   left: 0%;
   right: 50%;
   margin-left: -50vw;
@@ -252,62 +257,63 @@ button a {
 }
 
 #drop-container {
-    border: 1px dashed white;
+  border: 1px dashed white;
 }
 
 .submit-button {
-    position: sticky;
-    bottom: 0;
+  position: sticky;
+  bottom: 0;
 }
 
 #feedback-drop-target {
-    float: right;
-    height: 100%;
-    width: 30%;
+  float: right;
+  height: 100%;
+  width: 30%;
 }
 
 .drop-target-active {
-    background-color: #427aa1;
+  background-color: #427aa1;
 }
 
 #drop-filenames span {
-    font-size: xx-small;
-    color: gray;
-    padding-right: 1em;
+  font-size: xx-small;
+  color: gray;
+  padding-right: 1em;
 
 }
 
 .image-formset {
-    border: 1px solid white;
+  border: 1px solid white;
 }
 
-select, input {
-    background-color: #05668d;
-    color: white;
-    border: none;
+select,
+input {
+  background-color: #05668d;
+  color: white;
+  border: none;
 }
 
 table.table {
-    color: white;
+  color: white;
 }
 
 #view-filter-options {
-    float: right;
+  float: right;
 }
 
 .rapid-img {
-    width: 300px;
-    height: 300px;
+  width: 300px;
+  height: 300px;
 }
 
 .feedback-img {
-    border: 1px solid #05668d;
+  border: 1px solid #05668d;
 }
 
 img.uploading {
-    margin-top: -20px;
-    height: 75%;
-    float: right;
+  margin-top: -20px;
+  height: 75%;
+  float: right;
 }
 
 /* img.uploading:hover {
@@ -319,31 +325,31 @@ img.uploading {
 } */
 
 .image-ident-warning {
-    border: 2px solid red;
+  border: 2px solid red;
 }
 
 
 .image-ident-loading {
-	background: rgba(142, 68, 173, 1);
-	box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
-	animation: pulse-purple 2s infinite;
+  background: rgba(142, 68, 173, 1);
+  box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
+  animation: pulse-purple 2s infinite;
 }
 
 @keyframes pulse-purple {
-	0% {
-		transform: scale(0.95);
-		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
-	}
-	
-	70% {
-		transform: scale(1);
-		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
-	}
-	
-	100% {
-		transform: scale(0.95);
-		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
-	}
+  0% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
+  }
+
+  70% {
+    transform: scale(1);
+    box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
+  }
+
+  100% {
+    transform: scale(0.95);
+    box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
+  }
 }
 
 #annotation-json-content {
@@ -459,132 +465,153 @@ td.user-answer-score-1.rapid-ans::after {
 }
 
 .selector {
-    border-color: #05668d;
+  border-color: #05668d;
 }
 
 .selector input {
-    color: gray;
-    background-color: white;
-    font-size: small;
+  color: gray;
+  background-color: white;
+  font-size: small;
 }
 
-.selector .selector-available h2, .selector .selector-chosen h2 {
-    margin-bottom: 0px;
-    border: none;
-    /* border-color: #05668d; */
-    background-color: #ebf2fa;
-    color: rgb(28, 184, 65);
+.selector .selector-available h2,
+.selector .selector-chosen h2 {
+  margin-bottom: 0px;
+  border: none;
+  /* border-color: #05668d; */
+  background-color: #ebf2fa;
+  color: rgb(28, 184, 65);
 
 }
 
-.selector .selector-available select, .selector .selector-chosen select {
-    border-color: #05668d;
+.selector .selector-available select,
+.selector .selector-chosen select {
+  border-color: #05668d;
 }
 
 #id_laterality {
-    margin-top: 30px;
+  margin-top: 30px;
 }
-#id_laterality li{
-   display: inline-block; 
-   border-radius: 4px;
-   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-   background: rgb(28, 184, 65);
-   padding-right: 10px;
-   color: white;
+
+#id_laterality li {
+  display: inline-block;
+  border-radius: 4px;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+  background: rgb(28, 184, 65);
+  padding-right: 10px;
+  color: white;
 }
 
 .add-popup {
-    display: block;
+  display: block;
 }
 
-.multi-image-block, .series-block {
-   display: inline-flex;
- }
+.multi-image-block,
+.series-block {
+  display: inline-flex;
+}
 
- .sortable-placeholder {
+.sortable-placeholder {
   border: 4px solid purple;
 
- }
+}
 
- .temp-thumb {
-   float:right;
- }
+.temp-thumb {
+  float: right;
+}
 
- .long-answer pre {
+.long-answer pre {
   white-space: pre-wrap;
   font: inherit;
   color: inherit;
- }
+}
 
- .long-answer .answer-heading {
-   font-style: italic;
-   font-weight: bold;
- }
+.long-answer .answer-heading {
+  font-style: italic;
+  font-weight: bold;
+}
 
- .proposed-answer {
-   color: darkblue
- }
+.proposed-answer {
+  color: darkblue
+}
 
- .notes .complete {
-   color: darkslategray;
- }
+.notes .complete {
+  color: darkslategray;
+}
 
- table.longs .user-answer-score-4,  table.longs .user-answer-score-4\.5 {
+table.longs .user-answer-score-4,
+table.longs .user-answer-score-4\.5 {
   color: red
- }
+}
 
- table.longs .user-answer-score-5\.0,  table.longs .user-answer-score-5\.5 {
+table.longs .user-answer-score-5\.0,
+table.longs .user-answer-score-5\.5 {
   color: yellow
- }
+}
 
- table.longs .user-answer-score-6\.0,  table.longs .user-answer-score-6\.5 {
+table.longs .user-answer-score-6\.0,
+table.longs .user-answer-score-6\.5 {
   color: yellowgreen
- }
+}
 
- table.longs .user-answer-score-7\.0,  table.longs .user-answer-score-7\.5 {
+table.longs .user-answer-score-7\.0,
+table.longs .user-answer-score-7\.5 {
   color: green
- }
+}
 
- .published-icon {
+.published-icon {
   border: 1px dotted gray;
   opacity: 20%;
-   border-radius: 4px;
-   display: none;
- }
+  border-radius: 4px;
+  display: none;
+}
 
- .published-icon:hover {
+.published-icon:hover {
   opacity: 100%;
- }
+}
 
- .published-icon.published {
+.published-icon.published {
   border: 1px solid purple;
   color: purple;
   opacity: 100%;
   display: inline-block;
- }
+}
 
- textarea, input {
-    border-radius: 2px;
-    background-color: #343a40;
-    color: lightgray;
- }
+textarea,
+input {
+  border-radius: 2px;
+  background-color: #343a40;
+  color: lightgray;
+}
 
- .exam-list li, #full-question-list li {
-   display: flex;
- }
+.exam-list li,
+#full-question-list li {
+  display: flex;
+}
 
 .flex-col {
-   flex: 1;
- }
+  flex: 1;
+}
 
 .flex-col-2 {
-   flex: 2;
- }
+  flex: 2;
+}
 
 .flex-col-3 {
-   flex: 3;
- }
+  flex: 3;
+}
 
 .flex-col-4 {
-   flex: 4;
- }
\ No newline at end of file
+  flex: 4;
+}
+
+.score-answer-list {
+  width: 55%;
+}
+
+.question-display-block {
+  position: fixed;
+  right: 0px;
+  top: 30px;
+  width: 40%;
+}
\ No newline at end of file
diff --git a/rapids/templates/rapids/exam_scores_user.html b/rapids/templates/rapids/exam_scores_user.html
index b3c92f14..2588c5d4 100644
--- a/rapids/templates/rapids/exam_scores_user.html
+++ b/rapids/templates/rapids/exam_scores_user.html
@@ -11,13 +11,13 @@
     <h2>Exam: {{ exam.name }}</h2>
     <h3>Candidate: {{ cid }}</h3>
     Answers:
-    <ul>{% for ans, score, correct_answer in answers_and_marks %}
+    <ul class="score-answer-list">{% for ans, score, correct_answer in answers_and_marks %}
         <li class="user-answer-li">Question {{forloop.counter}} - Correct answer: <span
                 class="correct-answer">{{ correct_answer }}</span></li>
         <span class="user-answer-score user-answer-score-{{score}} rapid-ans">
             <pre>{{ans}}</pre> ({{score}})
         </span>
-        <span class="view-question-link" data-qn="{{forloop.counter0}}">View</span>
+        <span class="view-question-link" data-qn={{forloop.counter0}}>View</span>
         {% endfor %}
     </ul>
     <br /> Total mark: {{ total_score }} / {{max_score}}
@@ -52,7 +52,8 @@
 
                     window.dispatchEvent(event);
                     $(".question-display-block .answers").empty().append(data.answers.toString());
-                    $(".question-display-block .question-number").empty().append(question_number+1);
+                    n = question_number + 1
+                    $(".question-display-block .question-number").empty().append(n);
                     // show some message according to the response. 
                     // For eg. A message box showing that the status has been changed
                 })