Add label variations to /patron

app/assets/stylesheets/new_design/labels.scss

@@ -5,7 +5,32 @@
   display: inline-block;
   padding: 4px $default-spacer;
   background: $grey;
+  border: 1px solid transparent;
   color: #FFFFFF;
   border-radius: 4px;
   font-size: 12px;
+
+  &.instruction {
+    background-color: #FFFFFF;
+    color: $blue;
+    border: 1px solid $blue;
+  }
+
+  &.construction {
+    background-color: #FFFFFF;
+    color: $black;
+    border: 1px solid $black;
+  }
+
+  &.closed {
+    background-color: $green;
+  }
+
+  &.refused {
+    background-color: $dark-red;
+  }
+
+  &.without-continuation {
+    background-color: $black;
+  }
 }

app/assets/stylesheets/new_design/procedures_show.scss

@@ -127,30 +127,6 @@
     .label {
       width: 110px;
       text-align: center;
-
-      &.instruction {
-        background-color: #FFFFFF;
-        color: $blue;
-        border: 1px solid $blue;
-      }
-
-      &.construction {
-        background-color: #FFFFFF;
-        color: $black;
-        border: 1px solid $black;
-      }
-
-      &.closed {
-        background-color: $green;
-      }
-
-      &.refused {
-        background-color: $dark-red;
-      }
-
-      &.without-continuation {
-        background-color: $black;
-      }
     }
 
     .button {

app/views/root/patron.html.haml

@@ -52,6 +52,11 @@
     %h1 Labels
 
     %span.label .label
+    %span.label.instruction .label.instruction
+    %span.label.construction .label.construction
+    %span.label.closed .label.closed
+    %span.label.refused .label.refused
+    %span.label.without-continuation .label.without-continuation
 
     %h1 Cards