Move acknowledgement button to top of the feed

Also make event and ack feeds more vertically compact
Uninett · Jan 24, 2025 · f6ae0b5 · f6ae0b5
1 parent a3311e0
commit f6ae0b5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/argus/htmx/static/styles.css b/src/argus/htmx/static/styles.css
@@ -4135,6 +4135,10 @@ details.collapse summary::-webkit-details-marker {
   z-index: 1;
 }
 
+.order-first {
+  order: -9999;
+}
+
 .m-4 {
   margin: 1rem;
 }

diff --git a/src/argus/htmx/templates/htmx/incident/incident_detail.html b/src/argus/htmx/templates/htmx/incident/incident_detail.html
@@ -96,7 +96,7 @@ <h2 class="card-title pl-8">Acknowledgements</h2>
               </div>
               {% if not forloop.last %}<hr />{% endif %}
             {% endfor %}
-            <div class="card-actions grow-0">
+            <div class="card-actions grow-0 order-first">
               {% include "htmx/incident/_incident_acknowledge_modal.html" with action="ack" dialog_id="create-acknowledgment-dialog" button_title="Create acknowledgment" header="Submit acknowledgment" explanation="Write a message describing why this incident was acknowledged" cancel_text="Cancel" submit_text="Submit" %}
             </div>
           </div>