From a42f57ca0535888bafbfba7c956f1c64868924c6 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 22 Jul 2024 17:38:20 +0100
Subject: [PATCH] .

---
 .../atlas/collection_case_view_take.html        | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/atlas/templates/atlas/collection_case_view_take.html b/atlas/templates/atlas/collection_case_view_take.html
index e869758d..63303bbf 100644
--- a/atlas/templates/atlas/collection_case_view_take.html
+++ b/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 %}