imrove image series detail view

atlas/templates/atlas/series_viewer.html

@@ -55,7 +55,7 @@
 
 <div>Author: {{ series.get_author_display }}</div>
 <details>
-    <summary>Image info</summary>
+    <summary>Series info</summary>
     <div>
         <a href="{% url 'atlas:series_anonymise_dicom' pk=series.pk %}"
            title="Anonymise dicom images">Anonymise dicoms</a><br />
@@ -68,20 +68,25 @@
         <a href="{% url 'atlas:series_order_upload_filename' pk=series.pk %}"
            title="orders dicom by uploaded filename">Order by uploaded filename</a>
     </div>
-    {% for image in series.images.all %}
+    <details>
-        [{{  image.id  }}] {{image.image.url}}, pos: {{image.position}}, {{image.upload_filename}}
+        <summary>
+            Image details
+        </summary>
+            {% for image in series.images.all %}
+                [{{  image.id  }}] {{image.image.url}}, pos: {{image.position}}, {{image.upload_filename}}
 
 
-        {% if image.image %}
+                {% if image.image %}
-            [{{image.image.size|filesizeformat}}]
+                    [{{image.image.size|filesizeformat}}]
-        {% endif %}
+                {% endif %}
 
-        {{image.image_md5_hash}} ({{image.is_dicom}})
+                {{image.image_md5_hash}} ({{image.is_dicom}})
 
-        <br />
+                <br />
         {% comment %} {{image.get_dicom_info|safe}}<br /> {% endcomment %}
 
-    {% endfor %}
+            {% endfor %}
+    </details>
 
     <p>Total image size: {{series.get_total_image_size|filesizeformat}}</p>
     <p><a href="{% url 'atlas:series_download' pk=series.pk %}">Download images</a></p>