From: Magnus Hagander <magnus@hagander.net>
Date: Mon, 11 Aug 2025 12:43:25 +0000 (+0200)
Subject: Layout and styling for the status change dialog
X-Git-Url: http://git.postgresql.org/gitweb/delmail?a=commitdiff_plain;h=3c4c2e57486e56a04e624245bbd18d0e1dd0dc1e;p=pgeu-system.git

Layout and styling for the status change dialog
---

diff --git a/media/css/sessionvotes.css b/media/css/sessionvotes.css
index 4cb983bd..b9d1b99c 100644
--- a/media/css/sessionvotes.css
+++ b/media/css/sessionvotes.css
@@ -91,3 +91,12 @@ a.sortheader[data-sorted="-1"]::after {
 dialog::backdrop {
     backdrop-filter: blur(4px);
 }
+
+#dlgStatus div.buttons {
+    display: flex;
+    justify-content: space-around;
+}
+
+#dlgStatus div.buttons button {
+    margin: 0.7rem;
+}
diff --git a/media/js/sessionvotes.js b/media/js/sessionvotes.js
index fe0a4715..bb7ca75f 100644
--- a/media/js/sessionvotes.js
+++ b/media/js/sessionvotes.js
@@ -243,7 +243,7 @@ function changeStatus(id) {
   const currentstatus = document.querySelector('tr.sessionrow[data-sid="' + id + '"]').dataset.status;
   const dialog = document.getElementById('dlgStatus');
   dialog.dataset.sid = id;
-  dialog.getElementsByTagName('h3')[0].innerText = "Change status [id: " + id + "]";
+  dialog.getElementsByTagName('h3')[0].innerText = "Change status for id " + id;
   const buttonDiv = dialog.getElementsByTagName('div')[0];
   buttonDiv.querySelectorAll('button').forEach((btn) => {
     btn.style.display = (btn.dataset.statusid in valid_status_transitions[currentstatus]) ? "inline-block": "none";
diff --git a/template/confreg/sessionvotes.html b/template/confreg/sessionvotes.html
index 25d52c00..995b9a58 100644
--- a/template/confreg/sessionvotes.html
+++ b/template/confreg/sessionvotes.html
@@ -212,13 +212,14 @@ body:has(input#col_{{fc.class}}:checked) tr.headerrow th.flt-{{fc.class}} {
 
 <dialog id="dlgStatus">
   <h3>Change status</h3>
-  <p>Change status to:</p>
-  <div>
+  <div class="buttons">
 {%for statusid, status in status_choices %}
    <button class="btn" data-statusid="{{statusid}}">{{status}}</button>
 {%endfor%}
   </div>
-  <button class="btn">Cancel</button>
+  <div class="buttons">
+    <button class="btn">Cancel</button>
+  </div>
 </dialog>
 
 <dialog id="dlgComment">