.

atlas/templates/atlas/collection_case_view_take.html

@@ -56,7 +56,7 @@
 
     {% if collection.show_ohif_viewer_link %}
         <div>
-            <a target="_blank" href="/ohif/viewer/dicomjson?url=https://www.penracourses.org.uk{% url 'atlas:collection_case_dicom_json' collection.pk case.pk %}" title="Click to open the case in the advanced viewer. This will open in a new tab/window.">Launch advanced viewer.</a>
+            <a target="_blank" href="/ohif/viewer/dicomjson?url=https://www.penracourses.org.uk{% url 'atlas:collection_case_dicom_json' collection.pk case.pk %}" title="Click to open the case in the advanced viewer. This will open in a new tab/window."><button class="viewer"><i class="bi bi-collection"></i> Launch advanced viewer.</button></a>
         </div>
     {% endif %}
 
@@ -311,6 +311,21 @@
             opacity: 0.5;
             font-size: 0.8em;
         }
+
+        .viewer {
+            background-color: darkblue;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            padding: 5px;
+            opacity: 0.4;
+        }
+
+        .viewer:hover {
+            opacity: 1;
+            background-color: darkblue;
+
+        }
     </style>
 
 {% endblock %}