From dfb0ea12f019838d80ae316d1403904d2829fe44 Mon Sep 17 00:00:00 2001
From: Sylvain <bond.never.die@gmail.com>
Date: Tue, 21 May 2019 11:57:44 +0200
Subject: [PATCH] style component

---
 app/assets/stylesheets/application.scss.erb  |  1 +
 app/assets/stylesheets/modules/abuses.scss   | 23 ++++++++++++++++++++
 app/assets/templates/admin/abuses/index.html |  2 +-
 3 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/stylesheets/modules/abuses.scss

diff --git a/app/assets/stylesheets/application.scss.erb b/app/assets/stylesheets/application.scss.erb
index f8320961f..43cf2b95f 100644
--- a/app/assets/stylesheets/application.scss.erb
+++ b/app/assets/stylesheets/application.scss.erb
@@ -34,6 +34,7 @@
 @import "app.plugins";
 @import "modules/invoice";
 @import "modules/signup";
+@import "modules/abuses";
 
 @import "app.responsive";
 
diff --git a/app/assets/stylesheets/modules/abuses.scss b/app/assets/stylesheets/modules/abuses.scss
new file mode 100644
index 000000000..4b438bc04
--- /dev/null
+++ b/app/assets/stylesheets/modules/abuses.scss
@@ -0,0 +1,23 @@
+li.abuse {
+
+  list-style: none;
+  border: 1px solid #ddd;
+  border-radius: 2px;
+
+  .signaled {
+    background-color: #f5f5f5;
+    border-bottom: 1px solid #ddd;
+    padding: 1em;
+  }
+
+  .report {
+    padding: 2em;
+
+    cite {
+      display: block;
+      border-left: 4px solid #ddd;
+      padding-left: 1em;
+      margin-top: 1em;
+    }
+  }
+}
\ No newline at end of file
diff --git a/app/assets/templates/admin/abuses/index.html b/app/assets/templates/admin/abuses/index.html
index da23b8cb9..38c6ea14b 100644
--- a/app/assets/templates/admin/abuses/index.html
+++ b/app/assets/templates/admin/abuses/index.html
@@ -17,7 +17,7 @@
   <div class="row m-b-md">
     <span ng-show="abuses.length === 0" translate>{{ 'manage_abuses.no_reports' }}</span>
     <ul ng-show="abuses.length > 0">
-      <li ng-repeat="abuse in abuses">
+      <li class="abuse" ng-repeat="abuse in abuses">
         <div class="signaled">
           <a ui-sref="app.public.projects_show({id:abuse.signaled.slug})">{{abuse.signaled.name}}</a>,
           <span translate>{{ 'manage_abuses.published_by' }}</span>