start of iteration 2

app/views/elements/_element.html.erb

@@ -1,13 +1,10 @@
-<div id="<%= dom_id element %>" class="mt-4 border-top pt-3">
+<div id="<%= dom_id element %>" class="<%= "mt-5" unless element == element.page.elements.first %>">
   <%= turbo_frame_tag dom_id(element, :frame) do %>
     <div class="d-flex">
       <h2 class="h4">
-          <i class="bi bi-card-checklist">
+          <i class="bi bi-boxes">
           </i>
         <%= element.title %>
-        <div class="badge text-bg-secondary">
-        <%= element.path %>
-      </div>
     </h2>
         <%= link_to [:edit, element], class: "btn btn-link text-secondary" do %>
         <i class="bi bi-pencil">
@@ -16,17 +13,23 @@
       </div>
     <div class="">
       
-      <%= element.description_html %>
+      <%= element.description %>
     </div>
 
   <% end %>
 
-  <% element.success_criteria.each do |sc| %>
-    <%= turbo_frame_tag(dom_id(sc, :frame)) do %>
+  <div id="<%= dom_id(element, :success_criteria_list) %>">
+    <% element.success_criteria.each do |sc| %>
       <%= render sc %>
     <% end %>
-  <% end %>
-  <% if element.success_criteria.none? %>
-    <p><i>Es sind (noch) keine Erfolgskriterien definiert.</i></p>
-  <% end %>
+    <% if element.success_criteria.none? %>
+      <p><i>Es sind (noch) keine Erfolgskriterien definiert.</i></p>
+    <% end %>
+  </div>
+
+  <div class="pt-3">
+    <%= turbo_frame_tag dom_id(element, "new_success_criterion_frame") do %>
+      <%= render partial: "elements/new_success_criterion_button", locals: { element: element } %>
+    <% end %>
+  </div>
 </div>