better edit form message (confirm btn not working yet)

views/partials/message-user.html

@@ -1,4 +1,4 @@
-<div class="message-user mt-3" id="{{ ID }}">
+<div class="message-user mt-3" id="msg-{{ ID }}">
     <div class="columns is-mobile">
         <div class="column is-narrow" id="icon-column">
             <figure class="image is-48x48" style="flex-shrink: 0;">
@@ -16,7 +16,7 @@
                     </div>
                     <div class="message-body">
                         <div class="content" style="overflow-x: auto;" id="content-{{ ID }}">
-                            {{ Content|safe }}
+                            {{ Content | safe }}
                         </div>
                     </div>
                 </div>
@@ -34,8 +34,8 @@
                         <i class="fa-solid fa-arrows-rotate"></i>
                     </span>
                 </button>
-                <button hx-get="/editMessageForm?id={{ ID }}" hx-target="#content-{{ ID }}" id="edit-button-{{ ID }}"
-                    class="button is-small is-primary message-button is-outlined mr-5">
+                <button hx-get="/editMessageForm?id={{ ID }}" hx-target="closest .message-user"
+                    id="edit-button-{{ ID }}" class="button is-small is-primary message-button is-outlined mr-5">
                     <span class="icon">
                         <i class="fa-solid fa-pen"></i>
                     </span>