gui improvements

app/views/layouts/application.html.erb

@@ -18,7 +18,7 @@
         <%= render partial: "layouts/sidebar" %>
         <main class="col ps-md-2 pt-2 <%= "border-start" if sidebar? %>">
           <div class="container-fluid">
-            <%= render partial: "layouts/flash" %>
+            <%# render partial: "layouts/flash" %>
             <% if false && sidebar? %>
               <a href="#" data-bs-target="#sidebar" data-bs-toggle="collapse" class="p-1 text-decoration-none">
                 <i class="bi bi-list bi-lg py-2 p-1"></i>

app/views/pages/_notes.html.slim

@@ -1,3 +1,3 @@
 = bootstrap_form_with(model: page) do |form|
-  = form.text_area :notes, rows: [(page.notes&.count("\n") || 0) + 1, 10].max, placeholder: "Hier kannst du Notizen speichern. \n\nNotizen beziehen sich nur auf den aktuellen Pfad.", hide_label: true
+  = form.text_area :notes, rows: [(page.notes&.count("\n") || 0) + 1, 10].max, placeholder: "Hier kannst du Notizen speichern. \n\nJeder Pfad hat seine eigenen Notizen.", hide_label: true
   = form.submit "Speichern"

app/views/pages/_page.html.erb

@@ -1,7 +1,8 @@
 <div id="<%= dom_id page %>" class="mb-3">
   <h2>
     <i class="bi bi-file"></i>
-    <%= page.position %> <%= page.path %><small><%= page.url %></small></h2>
+    <%= page.position %> <%= page.path %></h2>
+    <p>url: <%= page.url %></p>
   <div id="element_list">
     <% page.elements.each do |element| %>
       <%= render element %>

app/views/reports/show.html.slim

@@ -1,13 +1,13 @@
-h1
-  i.bi.bi-journal-text.me-2
-  = @report.name
-p.small.mb-2
+small.float-end
   |  Erstellt am 
   = l(@report.created_at, format: :short)
   | , zuletzt bearbeitet am 
   = l(@report.updated_at, format: :short)
+h1
+  i.bi.bi-journal-text.me-2
+  = @report.name
 - if @report.comment
-  .smb-4.lead
+  .smb-4.lead.mb-3
     = @report.comment
 = turbo_frame_tag "nav" do
   .row 

app/views/success_criteria/_header.html.erb

@@ -1,14 +1,13 @@
 <% edit_mode = action_name == "edit" %>
 <div class="card-header d-flex">
-  <h3 
-    class="h5"
+  <i class="h4 bi <%= success_criterion_result_icon_classes(success_criterion) %>"></i>
+  <p
     data-bs-toggle="collapse"
     href="#collapseSuccessCriterion_<%= success_criterion.id %>" 
     role="button" 
     aria-expanded="false" 
     aria-controls="collapseSuccessCriterion_<%= success_criterion.id %>"
     style="cursor: pointer">
-    <i class="bi <%= success_criterion_result_icon_classes(success_criterion) %>"></i>
     <%= success_criterion.page.position %>.<%= success_criterion.element.position %>.<%= success_criterion.position %>
     <%= success_criterion.title %> 
     <span class="badge rounded-pill text-bg-secondary">
@@ -21,7 +20,7 @@
       <a href="#">
       <i class="bi bi-pencil text-warning"></i>
     <% end %>
-  </h3>
+  </p>
     <%= success_criterion_edit_button(success_criterion, edit_mode) %>
     <div class="flex-fill d-flex justify-content-end">
       <button class="btn btn-link text-body"