Css: add .width-100 utility class

app/assets/stylesheets/new_design/dossier_messagerie.scss

@@ -9,10 +9,6 @@
     margin-bottom: 2 * $default-padding;
   }
 
-  .right {
-    width: 100%;
-  }
-
   .person-icon {
     margin-right: $default-spacer;
   }

app/assets/stylesheets/new_design/utils.scss

@@ -21,3 +21,7 @@
 .hidden {
   display: none;
 }
+
+.width-100 {
+  width: 100%;
+}

app/views/new_gestionnaire/dossiers/messagerie.html.haml

@@ -6,7 +6,7 @@
       %li
         = render partial: 'commentaire_icon', locals: { commentaire: commentaire, current_gestionnaire: current_gestionnaire }
 
-        .right
+        .width-100
           %h2
             %span.mail
               = render partial: 'commentaire_issuer', locals: { commentaire: commentaire, current_gestionnaire: current_gestionnaire }

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

@@ -4,7 +4,7 @@
       - if @procedure.logo.present?
         = image_tag @procedure.logo, height: 40, class: 'procedure-logo'
 
-      .right
+      .width-100
         %h1= @procedure.libelle
         %ul.dossiers-categories
           %li{ class: (@statut == 'a-suivre') ? 'active' : nil }>