# HG changeset patch
# User bsw
# Date 1643888568 -3600
# Node ID 72f4947b8217340c758e42dbfbaed33ca4d1e0bd
# Parent  3f677f526f55e83efa998f6205a69a0c1bab3375
Fixed layout of cancel issue dialog

diff -r 3f677f526f55 -r 72f4947b8217 app/main/admin/cancel_issue.lua
--- a/app/main/admin/cancel_issue.lua	Thu Feb 03 12:42:29 2022 +0100
+++ b/app/main/admin/cancel_issue.lua	Thu Feb 03 12:42:48 2022 +0100
@@ -10,30 +10,57 @@
 
 ui.titleAdmin(_"Cancel issue")
 
-ui.form{
-  module = "admin",
-  action = "cancel_issue",
-  id = id,
-  attr = { class = "vertical section" },
-  content = function()
-    
-    ui.sectionHead( function()
-      ui.heading { level = 1, content = _("Cancel issue ##{id}", { id = issue.id }) }
-    end )
+ui.grid{ content = function()
+
+  ui.cell_main{ content = function()
+    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
+      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
+        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _"public administrative notice:" }
+      end }
+      ui.container{ attr = { class = "mdl-card__content" }, content = function()
 
-    ui.sectionRow( function()
+        ui.form{
+          module = "admin",
+          action = "cancel_issue",
+          id = id,
+          attr = { class = "vertical section" },
+          content = function()
+            
+            ui.sectionRow( function()
+              ui.field.text{ name = "admin_notice", multiline = true }
+              ui.tag{
+                tag = "input",
+                attr = {
+                  type = "submit",
+                  class = "mdl-button mdl-js-button mdl-button--raised",
+                  value = _"cancel issue now"
+                }
+              }
+              slot.put("   ")
+              ui.link {
+                attr = { class = "mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--underlined" },
+                module = "admin", view = "index", content = _"do nothing"
+               }
+            end )
+          end
+        }
+      end }
+    end }
+  end }
+
+  ui.cell_sidebar{ content = function()
+
+    ui.container{ attr = { class = "mdl-card mdl-card__fullwidth mdl-shadow--2dp" }, content = function()
+      ui.container{ attr = { class = "mdl-card__title mdl-card--border" }, content = function()
+        ui.heading { attr = { class = "mdl-card__title-text" }, level = 2, content = _("Issue ##{id}", { id = issue.id }) }
+      end }
       execute.view{ module = "initiative", view = "_list", params = {
         issue = issue,
         initiatives = issue.initiatives
       } }
-    end )
-    
-    ui.sectionRow( function()
-      ui.field.text{ label = _"public administrative notice:", name = "admin_notice", multiline = true }
-      ui.submit{ text = _"cancel issue now" }
-      slot.put(" ")
-      ui.link { module = "admin", view = "index", content = "go back to safety" }
-    end )
-  end
-}
+    end }
+  end }
 
+
+end }
+