Refactor series actions layout by removing unnecessary div and improving structure

atlas/templates/atlas/case_display_block.html

@@ -354,7 +354,7 @@
                 {% partial case-series %}
             </div>
         </form>
-        <div class="d-flex flex-column flex-sm-row gap-2 align-items-start">
+        <div class="d-flex flex-column gap-2 align-items-start">
             <div>
                 <button type="button"
                         class="btn btn-outline-primary btn-sm"
@@ -362,7 +362,6 @@
                     Import new uploads
                 </button>
             </div>
-            <div>
             <details class="series-actions" id="series-actions">
                 <summary>
                     <button type="button" class="btn btn-outline-secondary btn-sm" title="Click to manage series" onclick="this.closest('details').open = !this.closest('details').open;">
@@ -413,14 +412,11 @@
                         data-bs-target="#reorderSeriesModal">
                     Reorder series
                 </button>
-                <br/>
                 <div class="alert alert-info mt-2" id="series-action-alert" style="display:none;">
                     <span id="series-action-results" ></span>
                 </div>
             </details>
         </div>
-
-        </div>
     </div>
 
     <div class="container">