tidy up block display a little more

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>

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>

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 %}

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;