fix: alinear los botones

app/views/posts/attributes/_new_array.haml

@@ -8,23 +8,23 @@
 %div{ data: { controller: 'modal array enter', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_array_value_path(site) } }
   .form-group
     = hidden_field_tag name, ''
-    = label_tag id, post_label_t(attribute, post: post)
-    -# Mostramos la lista de valores actuales.
+    .d-flex.align-items-center.justify-content-between
+      = label_tag id, post_label_t(attribute, post: post)
+      = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
+  .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } }
+  -# Mostramos la lista de valores actuales.
 
-      Al aceptar el modal, se vacía el listado y se completa en base a
-      renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
-      acceder a todos los items dentro del modal (como array.item) y
-      enviar el valor al endpoint que devuelve uno por uno. Esto lo
-      tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
-      similar para poder renderizar del lado del servidor.
+    Al aceptar el modal, se vacía el listado y se completa en base a
+    renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
+    acceder a todos los items dentro del modal (como array.item) y
+    enviar el valor al endpoint que devuelve uno por uno. Esto lo
+    tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
+    similar para poder renderizar del lado del servidor.
 
-      Para poder cancelar, mantenemos el estado original y desactivamos
-      o activamos los ítemes según estén incluidos en esa lista o no.
-    .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } }
-      - metadata.value.sort_by(&:remove_diacritics).each do |value|
-        = render 'posts/new_array_value', value: value
-
-    = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
+    Para poder cancelar, mantenemos el estado original y desactivamos
+    o activamos los ítemes según estén incluidos en esa lista o no.
+    - metadata.value.sort_by(&:remove_diacritics).each do |value|
+      = render 'posts/new_array_value', value: value
 
   = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do
     - content_for :"#{id}_header" do

app/views/posts/attributes/_new_belongs_to.haml

@@ -21,23 +21,24 @@
 %div{ id: modal_id, data: { controller: 'modal array', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_related_post_path(site) } }
   .form-group
     = hidden_field_tag name, ''
-    = label_tag id, post_label_t(attribute, post: post)
-    -# Mostramos la lista de valores actuales.
+    .d-flex.align-items-center.justify-content-between
+      = label_tag id, post_label_t(attribute, post: post)
+      = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
 
-      Al aceptar el modal, se vacía el listado y se completa en base a
-      renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
-      acceder a todos los items dentro del modal (como array.item) y
-      enviar el valor al endpoint que devuelve uno por uno. Esto lo
-      tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
-      similar para poder renderizar del lado del servidor.
+  -# Mostramos la lista de valores actuales.
 
-      Para poder cancelar, mantenemos el estado original y desactivamos
-      o activamos los ítemes según estén incluidos en esa lista o no.
-    .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } }
-      - metadata.values.slice(*metadata.value).each do |value|
-        = render 'posts/new_array_value', value: value
+    Al aceptar el modal, se vacía el listado y se completa en base a
+    renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
+    acceder a todos los items dentro del modal (como array.item) y
+    enviar el valor al endpoint que devuelve uno por uno. Esto lo
+    tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
+    similar para poder renderizar del lado del servidor.
 
-    = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
+    Para poder cancelar, mantenemos el estado original y desactivamos
+    o activamos los ítemes según estén incluidos en esa lista o no.
+  .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } }
+    - metadata.values.slice(*metadata.value).each do |value|
+      = render 'posts/new_array_value', value: value
 
   = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do
     - content_for :"#{id}_header" do

app/views/posts/attributes/_new_has_many.haml

@@ -21,23 +21,23 @@
 %div{ id: modal_id, data: { controller: 'modal array', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_related_post_path(site) } }
   .form-group
     = hidden_field_tag name, ''
-    = label_tag id, post_label_t(attribute, post: post)
-    -# Mostramos la lista de valores actuales.
+    .d-flex.align-items-center.justify-content-between
+      = label_tag id, post_label_t(attribute, post: post)
+      = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
+  -# Mostramos la lista de valores actuales.
 
-      Al aceptar el modal, se vacía el listado y se completa en base a
-      renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
-      acceder a todos los items dentro del modal (como array.item) y
-      enviar el valor al endpoint que devuelve uno por uno. Esto lo
-      tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
-      similar para poder renderizar del lado del servidor.
+    Al aceptar el modal, se vacía el listado y se completa en base a
+    renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
+    acceder a todos los items dentro del modal (como array.item) y
+    enviar el valor al endpoint que devuelve uno por uno. Esto lo
+    tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
+    similar para poder renderizar del lado del servidor.
 
-      Para poder cancelar, mantenemos el estado original y desactivamos
-      o activamos los ítemes según estén incluidos en esa lista o no.
-    .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } }
-      - metadata.values.slice(*metadata.value).each do |value|
-        = render 'posts/new_array_value', value: value
-
-    = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
+    Para poder cancelar, mantenemos el estado original y desactivamos
+    o activamos los ítemes según estén incluidos en esa lista o no.
+  .row.row-cols-3.row-cols-md-4{ data: { target: 'array.current' } }
+    - metadata.values.slice(*metadata.value).each do |value|
+      = render 'posts/new_array_value', value: value
 
   = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do
     - content_for :"#{id}_header" do

app/views/posts/attributes/_new_predefined_array.haml

@@ -10,23 +10,24 @@
 %div{ data: { controller: 'modal array', 'array-original-value': metadata.value.to_json, 'array-new-array-value': site_posts_new_array_value_path(site) } }
   .form-group
     = hidden_field_tag name, ''
-    = label_tag id, post_label_t(attribute, post: post)
-    -# Mostramos la lista de valores actuales.
+    .d-flex.align-items-center.justify-content-between
+      = label_tag id, post_label_t(attribute, post: post)
+      = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
 
-      Al aceptar el modal, se vacía el listado y se completa en base a
-      renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
-      acceder a todos los items dentro del modal (como array.item) y
-      enviar el valor al endpoint que devuelve uno por uno. Esto lo
-      tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
-      similar para poder renderizar del lado del servidor.
+  -# Mostramos la lista de valores actuales.
 
-      Para poder cancelar, mantenemos el estado original y desactivamos
-      o activamos los ítemes según estén incluidos en esa lista o no.
-    .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } }
-      - metadata.values.slice(*metadata.value).each_key do |value|
-        = render 'posts/new_array_value', value: value
+    Al aceptar el modal, se vacía el listado y se completa en base a
+    renderizaciones con HTMX. Para poder hacer eso, tenemos que poder
+    acceder a todos los items dentro del modal (como array.item) y
+    enviar el valor al endpoint que devuelve uno por uno. Esto lo
+    tenemos disponible en Stimulus, pero queremos usar HTMX o técnica
+    similar para poder renderizar del lado del servidor.
 
-    = render 'bootstrap/btn', content: t('.edit'), action: 'modal#show'
+    Para poder cancelar, mantenemos el estado original y desactivamos
+    o activamos los ítemes según estén incluidos en esa lista o no.
+  .row.row-cols-1.row-cols-md-2{ data: { target: 'array.current' } }
+    - metadata.values.slice(*metadata.value).each_key do |value|
+      = render 'posts/new_array_value', value: value
 
   = render 'bootstrap/modal', id: id, modal_content_attributes: { class: 'h-100' }, hide_actions: ['array#cancel'] do
     - content_for :"#{id}_header" do