Ok, Cancel web design order

app/javascript/initializers/forms.js

@@ -3,7 +3,10 @@
 Turbo.config.forms.confirm_dialog_id = 'front-dialog'
 Turbo.config.forms.confirm_dialog_content_selector = '[data-dialog-content]'
 
-/** content might be either a String or a Boolean */
+/** content might be either a String or a Boolean 
+ * 
+ * in case of True: the title with no content will appear
+*/
 Turbo.config.forms.confirm = (content) => {
   if (content.toString() == 'false') return new Promise((resolve) => { resolve(true) })
   if (content.toString() == 'true') content = ''

app/views/edge/index.html.erb

@@ -3,14 +3,11 @@
 <ul class="m-2 flex gap-2">
   <li>
     <%= button_to 'Show Modal Default',false, class: "btn btn-primary", data: { turbo_show_modal: true } %>
-  </li>
-
-  <li>
     <%= button_to 'Show Modal Front',false, class: "btn btn-primary", data: { turbo_show_modal: 'front-dialog'} %>
   </li>
 
   <li>
-    <form method="dialog">
+    <form method="dialog" class="flex flex-col">
       <%= content_tag :button, 'Show Modal Remote', class: "btn btn-primary", onclick: "Turbo.config.forms.showModal('remote-dialog')" %>
       <%= content_tag :button, 'Show Modal Remote2', class: "btn btn-primary", onclick: "Turbo.config.forms.showModal(false)" %>
     </form>

app/views/layouts/components/_main_dialog.html.erb

@@ -22,8 +22,8 @@
     </p>
 
     <form method="dialog" class="modal-action items-end text-center">
-      <%= content_tag :button, 'Cancel', value: :cancel, class: "btn btn-ghost" %>
       <%= content_tag :button, 'OK', value: :confirm, class: "btn btn-primary" %>
+      <%= content_tag :button, 'Cancel', value: :cancel, class: "btn btn-ghost" %>
     </form>
   </div>
 </dialog>