some changes

atlas/templates/atlas/case_display_block.html

@@ -36,9 +36,11 @@
                             <span class="series-card-series-number">Series {{ forloop.counter }}</span>
                             <span class="series-card-image-count">{{ series.visible_image_count }} image{{ series.visible_image_count|pluralize }}</span>
                         </div>
-                        <div class="series-card-description">{{ series.description|default:"No description" }}</div>
+                        <div class="series-card-description text-truncate" style="max-width: 180px;" title="{{ series.description|default:'No description' }}">
+                            {{ series.description|default:"No description" }}
+                        </div>
                         <button type="button"
-                                class="btn btn-outline-info btn-sm series-open-primary-btn"
+                                class="btn btn-link btn-sm text-muted series-open-primary-btn"
                                 title="View series in viewer"
                                 data-series-id="{{series.pk}}"
                                 data-series-name="{{ series|escape }}">

atlas/templates/atlas/series_headers.html

@@ -1,8 +1,20 @@
-<br/>
-<a href="{% url 'atlas:series_detail' pk=series.pk %}" title="View the Series">View</a>
-<a href="{% url 'atlas:series_update' pk=series.pk %}" title="Edit the Series">Edit</a>
-<a href="{% url 'atlas:series_delete' pk=series.pk %}" title="Delete the Series">Delete</a>
-<a href="{% url 'atlas:series_authors' pk=series.pk %}" title="Update the authors">Authors</a>
-{% if request.user.is_superuser %}
-    <a href="{% url 'admin:atlas_series_change' series.id %}" title="Edit the Series using the admin interface">Admin Edit</a>
-{% endif %}
+<div class="btn-group mb-2" role="group">
+    <a href="{% url 'atlas:series_detail' pk=series.pk %}" class="btn btn-outline-secondary btn-sm">View</a>
+    <a href="{% url 'atlas:series_update' pk=series.pk %}" class="btn btn-outline-secondary btn-sm">Edit</a>
+    <a href="{% url 'atlas:series_delete' pk=series.pk %}" class="btn btn-outline-danger btn-sm">Delete</a>
+    <a href="{% url 'atlas:series_authors' pk=series.pk %}" class="btn btn-outline-secondary btn-sm">Authors</a>
+    {% if request.user.is_superuser %}
+        <a href="{% url 'admin:atlas_series_change' series.id %}" class="btn btn-outline-dark btn-sm">Admin Edit</a>
+    {% endif %}
+    <div class="btn-group" role="group">
+        <button id="orderbyDropdown" type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+            Order By
+        </button>
+        <ul class="dropdown-menu" aria-labelledby="orderbyDropdown">
+            <li><a class="dropdown-item" href="?orderby=date">Date</a></li>
+            <li><a class="dropdown-item" href="?orderby=modality">Modality</a></li>
+            <li><a class="dropdown-item" href="?orderby=images">Image Count</a></li>
+            <!-- Add more order-by options as needed -->
+        </ul>
+    </div>
+</div>