Gui kosmetik

app/views/elements/_element.html.erb

@@ -12,10 +12,11 @@
           </i>
         <% end %>
       </div>
-    <div class="">
-      
-      <%= element.description %>
-    </div>
+    <% if element.description %>
+      <div class="mb-3">
+        <%= element.description %>
+      </div>
+    <% end %>
 
   <% end %>
 

app/views/elements/_form.html.erb

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

app/views/home/show.html.erb

@@ -1,10 +0,0 @@
-<h1>a11ydive</h1>
-
-<h2>Dashboard</h1>
-
-<p>
-<i class="bi bi-journal-text"></i>
-<%= Report.count %>
-<%= link_to Report.model_name.human(count: Report.count), :reports %>
-</p>
-

app/views/home/show.html.slim

@@ -0,0 +1,13 @@
+h1 a11ydive
+h2 Dashboard
+
+- if Report.any?
+  h3 Zuletzt bearbeitete Prüfberichte
+  ul 
+    - Report.all.order(updated_at: :desc).limit(3).each do |r|
+      li = link_to(r.name, r)
+
+p
+  i.bi.bi-journal-text
+  =< Report.count
+  =< link_to Report.model_name.human(count: Report.count), :reports

app/views/success_criteria/_success_criterion.html.erb

@@ -27,11 +27,17 @@
             </div>
           </div>
         <% end %>
-        <%= success_criterion.quick_criterion %>
-        <%= success_criterion.quick_fail %>
-        <%= success_criterion.quick_fix %>
+        <div class="mb-2">
+          <%= success_criterion.quick_criterion %>
+        </div>
+        <div class="mb-2">
+          <%= success_criterion.quick_fail %>
+        </div>
+        <div class="">
+          <%= success_criterion.quick_fix %>
+        </div>
         <% if success_criterion.test_comment.present? %>
-          <div class="comment"><%= success_criterion.test_comment %></div>
+          <div class="comment mt-2 mb-0"><%= success_criterion.test_comment %></div>
         <% end %>
       </div>
     </div>