.

anatomy/static/css/anatomy.css

@@ -643,6 +643,12 @@ input {
   text-decoration: underline;
 }
 
+.view-question-link-longs
+  color: blue;
+  cursor: pointer;
+  text-decoration: underline;
+}
+
 .date {
   font-size: smaller;
   opacity: 50%;
@@ -719,4 +725,10 @@ input {
 .marking-block details {
   padding-right: 20px;
   flex: 1
+}
+
+.image-link {
+  color: purple;
+  text-decoration: underline;
+  cursor: pointer;
 }

longs/templates/longs/exam_scores_user.html

@@ -85,7 +85,8 @@
                     $("#history").empty().append(data.title);
                     $("#series").empty();
                     data.image_titles.forEach((element, index) => {
-                        $("#series").append($(`<span>${index+1}: ${element}</span>`).click(() => {
+                        $("#series").append($(`<span class="image-link" title="click to view">${index+1}: ${element}</span> `).click(() => {
+                            $("#single-dicom-viewer").empty();
                             let event = new CustomEvent('loadDicomViewerUrls', {
                                 "detail": {
                                     "images": data.images[index],

static/css/anatomy.css

@@ -643,6 +643,12 @@ input {
   text-decoration: underline;
 }
 
+.view-question-link-longs
+  color: blue;
+  cursor: pointer;
+  text-decoration: underline;
+}
+
 .date {
   font-size: smaller;
   opacity: 50%;
@@ -719,4 +725,10 @@ input {
 .marking-block details {
   padding-right: 20px;
   flex: 1
+}
+
+.image-link {
+  color: purple;
+  text-decoration: underline;
+  cursor: pointer;
 }