make resource list look less ugly

app/views/resources/show.html.erb

@@ -12,11 +12,11 @@
     <%= @local_part = @name.split("@", 2)[0] %>
   </h3>
 <% end %>
-<p>
+<% resource_ui_id = 0 %>
+<ul class="list-group">
 <% @resources.each do |res| %>
-
-  <% resource_ui_id = SecureRandom.hex(32) %>
-
+  <% resource_ui_id = resource_ui_id + 1 %>
+  <li class="list-group-item">
   <%= form_tag do %>
     <%= hidden_field_tag 'uid', res %>
 
@@ -28,7 +28,7 @@
 
     <button type="button" class="btn btn-warning" onclick="
           style.display='none';
-          document.getElementById('delete_<%= resource_ui_id %>').style.display='inline';
+          document.getElementById('delete_<%= resource_ui_id %>').style.display='block';
         "><%= t :delete %></button>
     <div id="delete_<%= resource_ui_id %>" style="display:none">
       <p>
@@ -36,12 +36,12 @@
         <%= label_tag :password, t(:your_main_pw) %>
         <%= password_field_tag 'password' %>
       </div>
-      <%= submit_tag(t(:delete),
+      <%= submit_tag(t(:confirm_delete),
                      name: "delete",
                      class: "btn btn-danger") %>
       </p>
     </div>
   <% end %>
-  <hr />
+  </li>
 <% end %>
-</p>
+</ul>

config/locales/de.yml

@@ -68,6 +68,7 @@ de:
   unlock: "entsperren"
   update: "aktualisieren"
   delete: "löschen"
+  confirm_delete: "löschen bestätigen"
   purge: "entfernen"
   undelete: "wiederherstellen"
   app_name: "Verwendungszweck"

config/locales/en.yml

@@ -66,6 +66,7 @@ en:
   unlock: "unlock"
   update: "update"
   delete: "delete"
+  confirm_delete: "yes, really delete"
   undelete: "undelete"
   purge: "purge"
   app_name: 'Application Name'