Gui improvements, ordering

app/views/elements/_element.html.erb

@@ -1,9 +1,10 @@
-<div id="<%= dom_id element %>" class="<%= "mt-5" unless element == element.page.elements.first %>">
+<div id="<%= dom_id element %>" class="mb-5">
   <%= turbo_frame_tag dom_id(element, :frame) do %>
     <div class="d-flex">
       <h2 class="h4">
           <i class="bi bi-boxes">
           </i>
+        <%= element.page.position %>.<%= element.position %>
         <%= element.title %>
     </h2>
         <%= link_to [:edit, element], class: "btn btn-link text-secondary" do %>
@@ -18,7 +19,7 @@
 
   <% end %>
 
-  <div id="<%= dom_id(element, :success_criteria_list) %>">
+  <div id="<%= dom_id(element, :success_criteria_list) %>" class="mb-3">
     <% element.success_criteria.each do |sc| %>
       <%= render sc %>
     <% end %>
@@ -27,7 +28,7 @@
     <% end %>
   </div>
 
-  <div class="pt-3">
+  <div>
     <%= turbo_frame_tag dom_id(element, "new_success_criterion_frame") do %>
       <%= render partial: "elements/new_success_criterion_button", locals: { element: element } %>
     <% end %>

app/views/elements/_form.html.erb

@@ -1,4 +1,4 @@
-<%= bootstrap_form_with(model: element.persisted? ? element : [:page, element], data: element.persisted? || { turbo_frame: "_top" }) do |form| %>
+<%= bootstrap_form_with(model: element.persisted? ? element : [:page, element]) do |form| %>
   <%= form.hidden_field :page_id %>
   <%= form.text_field :title %>
   <%= form.rich_text_area :description %>