Added confirm-dialog to report-delete-button

* changed button description
* replaced links with buttons

app/assets/stylesheets/report.css.scss

@@ -1,10 +1,10 @@
 #reports {
   padding-top: 2em;
+  .content {
+    float: left;
     span {
       display: block;
     }
-  .content {
-    float: left;
   }
   .options {
     float: right;

app/views/report/index.html.haml

@@ -16,7 +16,12 @@
           = t('report.reason_label', text: r.text)
       %div.options
         %span
-          = link_to t('report.review_link'), report_path(r.id, :type => r.item_type), method: :put
+          = button_to t('report.review_link'), report_path(r.id, :type => r.item_type),
+            :class => "button",
+            method: :put
         %span
-          = link_to t('report.delete_link'), report_path(r.id, :type => r.item_type), method: :delete
+          = button_to t('report.delete_link'), report_path(r.id, :type => r.item_type),
+            :data => { :confirm => t('report.confirm_deletion') },
+            :class => "button delete",
+            method: :delete
       %div.clear

config/locales/diaspora/en.yml

@@ -892,7 +892,8 @@ en:
     reported_label: "<b>Reported by</b> %{person}"
     reason_label: "Reason: %{text}"
     review_link: "Mark as reviewed"
-    delete_link: "Delete post"
+    delete_link: "Delete item"
+    confirm_deletion: "Are you sure to delete the item?"
     status:
       marked: "The report was marked as reviewed"
       destroyed: "The post was destroyed"