From f6ae0b5ed3f9996a8791000d58744d6fc77f2784 Mon Sep 17 00:00:00 2001
From: podliashanyk <60876078+podliashanyk@users.noreply.github.com>
Date: Fri, 24 Jan 2025 12:42:18 +0100
Subject: [PATCH] Move acknowledgement button to top of the feed

Also make event and ack feeds more vertically compact
---
 src/argus/htmx/static/styles.css                            | 4 ++++
 src/argus/htmx/templates/htmx/incident/incident_detail.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/argus/htmx/static/styles.css b/src/argus/htmx/static/styles.css
index 06ac8726f..98033a966 100644
--- 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
index 7ee3d7162..df08211f4 100644
--- 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>