Merge pull request #914 from noesya/style/library

style/library

app/assets/stylesheets/extranet/pages/_library.sass

+.documents-list article 
+    > div
+        align-items: center
+        background: $header-color
+        display: flex
+        padding: 45px 20px
+        span
+            background: transparentize($primary, .7)
+            border-radius: 5px
+            color: white
+            padding: 2px 18px
+        i
+            color: transparentize($primary, .7)
+            margin-right: 27px
+    p
+        margin-bottom: 40px
+        margin-top: 15px
+    a
+        background: $primary
+        border-color: $primary

app/views/extranet/library/documents/index.html.erb

 <% content_for :title, Communication::Extranet::Document.model_name.human(count: 2) %>
 
-<div class="row mt-n5">
+<div class="row mt-n5 documents-list">
   <% @documents.each do |document| %>
     <div class="col-lg-4">
-      <div class="position-relative mt-5">
-        <p class="mt-2">
+      <article class="position-relative mt-5">
+        <div>
+          <i class="bi bi-file-earmark-text display-1"></i>
+          <span>PDF - 120ko</span>
+        </div>
+        <p>
           <b><%= document %></b><br>
           <span class="text-muted"><%= l document.published_at.to_date %><span>
         </p>
         <%= link_to t('extranet.library.download'), 
                     document.file.url,
-                    class: 'btn btn-primary',
+                    class: 'btn btn-primary stretched-link',
                     target: :_blank if document.file.attached? %>
-      </div>
+      </article>
     </div>
   <% end %>
 </div>