From 56cc23a8f264aabf0173eaba0a5e23e9b44331f7 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 12 Jun 2023 11:20:31 +0100
Subject: [PATCH] tidy up block display a little more

---
 atlas/templates/atlas/case_display_block.html |  2 +-
 .../atlas/collection_case_view_take.html      | 26 +++++++++----------
 longs/templates/longs/long_display_block.html |  5 +++-
 rad/static/css/anatomy.css                    |  8 ++++++
 4 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/atlas/templates/atlas/case_display_block.html b/atlas/templates/atlas/case_display_block.html
index d3ed1c3b..16f86495 100755
--- a/atlas/templates/atlas/case_display_block.html
+++ b/atlas/templates/atlas/case_display_block.html
@@ -28,7 +28,7 @@
         {% for series in case.series.all %}
             <span class="series-block">
                 <span>
-                    Series {{ forloop.counter }}:
+                    <span class="series-block-series-number">Series {{ forloop.counter }}:</span>
                     <a href="{% url 'atlas:series_detail' pk=series.pk %}">
                         {{series.get_block}}
                     </a>
diff --git a/atlas/templates/atlas/collection_case_view_take.html b/atlas/templates/atlas/collection_case_view_take.html
index 2eca027a..32e19b54 100644
--- a/atlas/templates/atlas/collection_case_view_take.html
+++ b/atlas/templates/atlas/collection_case_view_take.html
@@ -22,21 +22,21 @@
     {% endif %}
 
     <div class="pre-whitespace multi-image-block">
-            <details open>
+        <details open>
             <summary>
-            Images
+                Images
             </summary>
-        {% for series in series_list %}
-            <span class="series-block">
-                <a href="#" onclick='window.loadDicomViewer(window.images[{{forloop.counter0}}])'>
-                    <span>
-                        Series {{ forloop.counter }}:
-                        {{series.get_block}}
-                    </span>
-                </a>
-            </span>
-        {% endfor %}
-            </details>
+            {% for series in series_list %}
+                <span class="series-block">
+                    <a href="#" onclick='window.loadDicomViewer(window.images[{{forloop.counter0}}])'>
+                        <span>
+                            <span class="series-block-series-number">Series {{ forloop.counter }}:</span>
+                            {{series.get_block}}
+                        </span>
+                    </a>
+                </span>
+            {% endfor %}
+        </details>
     </div>
 
     <div>
diff --git a/longs/templates/longs/long_display_block.html b/longs/templates/longs/long_display_block.html
index 6cd94a36..590b5fb1 100755
--- a/longs/templates/longs/long_display_block.html
+++ b/longs/templates/longs/long_display_block.html
@@ -13,13 +13,16 @@
         {% for series in question.series.all %}
         <span class="series-block">
             <span>
-                Series {{ forloop.counter }}:
+                <span class="series-block-series-number">Series {{ forloop.counter }}:</span>
                 <a href="{% url 'longs:long_series_detail' pk=series.pk %}">
                     {{series.get_block}}
                 </a>
 
+                <br>
+                <span class="series-block-popup-link">
                 <a href="#"
                     onclick="return window.create_popup_window('/longs/series/{{series.pk}}', 'Series')">Popup</a>
+                </span>
             </span>
         </span>
         {% endfor %}
diff --git a/rad/static/css/anatomy.css b/rad/static/css/anatomy.css
index 465507d0..65b956a1 100644
--- a/rad/static/css/anatomy.css
+++ b/rad/static/css/anatomy.css
@@ -567,9 +567,17 @@ td.user-answer-score-2.rapid-ans::after {
   font-size: small;
 }
 
+.series-block-series-number {
+  font-size: small;
+}
+
 .series-block-image-number-count {
   text-decoration: underline;
 }
+.series-block-popup-link {
+  font-size: small;
+  color: darkblue
+}
 
 .sortable-placeholder {
   border: 4px solid purple;