Add archived label on procedures list

app/assets/stylesheets/new_design/labels.scss

@@ -0,0 +1,11 @@
+@import "colors";
+@import "constants";
+
+.label {
+  display: inline-block;
+  padding: 4px $default-spacer;
+  background: $grey;
+  color: #FFFFFF;
+  border-radius: 4px;
+  font-size: 12px;
+}

app/assets/stylesheets/new_design/procedure_list.scss

@@ -32,6 +32,10 @@
     }
   }
 
+  .procedure-status {
+    margin-left: auto;
+  }
+
   .procedure-stats {
     li {
       min-height: 36px;

app/views/new_gestionnaire/procedures/index.html.haml

@@ -34,3 +34,7 @@
                 = archived_count
               .stats-legend
                 = "archivé".pluralize(archived_count, :fr)
+
+        - if p.archivee?
+          .procedure-status
+            %span.label Archivée

app/views/root/patron.html.haml

@@ -39,6 +39,10 @@
       %li
         = link_to "Onglet 3", "#"
 
+    %h2 Labels
+
+    %span.label .label
+
     %h2 Layout deux colonnes
 
   .two-columns