Clean grid usage

app/views/admin/accompagnateurs/_list_not_assign.html.haml

@@ -14,7 +14,7 @@
 
     - @accompagnateurs_not_assign.each do |accompagnateur|
       %tr
-        %td.col-md-11.col-sm-11.col-xs-11.col-lg-11{style:'padding-top: 11px; font-size:15px'}= accompagnateur.email
+        %td.col-xs-11{style:'padding-top: 11px; font-size:15px'}= accompagnateur.email
         %td.center
           %a.btn.btn-success.gestionnaire-affectation{href: "#{admin_procedure_accompagnateurs_path(procedure_id: @procedure.id, accompagnateur_id: accompagnateur.id, to: AccompagnateurService::ASSIGN)}", 'data-method' => 'put'}
             .fa.fa-arrow-right

app/views/admin/accompagnateurs/show.html.haml

@@ -1,7 +1,7 @@
 .row.white-back
   #accompagnateur_form
     .row
-      .col-md-6.col-sm-6.col-xs-6.col-lg-6
+      .col-xs-6
         %h3.text-info Disponibles
         = smart_listing_render :accompagnateurs_not_assign
 
@@ -11,13 +11,13 @@
         #procedure_new.section.section-label
           = form_for @gestionnaire, url: {controller: 'admin/gestionnaires', action: :create} do |f|
             .row
-              .col-md-5.col-sm-5.col-xs-5.col-lg-5
+              .col-xs-5
                 = hidden_field_tag :procedure_id, params[:procedure_id]
                 =render partial: 'admin/gestionnaires/informations', locals: {f: f}
-              .col-md-2.col-sm-2.col-xs-2.col-lg-2
+              .col-xs-2
                 %br
                 %br
                 = f.submit 'Valider', class: 'btn btn-info', style: 'float:left', id: 'add-gestionnaire-email'
-      .col-md-6.col-sm-6.col-xs-6.col-lg-6
+      .col-xs-6
         %h3.text-success Affectés
         = smart_listing_render :accompagnateurs_assign

app/views/admin/gestionnaires/index.html.haml

@@ -2,18 +2,18 @@
 %br
 
 .row
-  .col-md-4.col-sm-4.col-xs-4.col-lg-4
+  .col-xs-4
     = smart_listing_render :gestionnaires
-  .col-md-1.col-lg-1.col-sm-1.col-xs-1.col-sm-1.col-xs-1
+  .col-xs-1
      
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
     %h3 Ajouter un accompagnateur
     #procedure_new.section.section-label
       = form_for @gestionnaire, url: {controller: 'admin/gestionnaires', action: :create} do |f|
         .row
-          .col-md-5.col-sm-5.col-xs-5.col-lg-5
+          .col-xs-5
             = render partial: 'informations', locals: {f: f}
-          .col-md-2.col-sm-2.col-xs-2.col-lg-2
+          .col-xs-2
             %br
             %br
             = f.submit 'Valider', class: 'btn btn-info', style: 'float:left'

app/views/admin/procedures/_informations.html.haml

@@ -12,7 +12,7 @@
       = f.text_field key, class: 'form-control', placeholder: value
 
 .row
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
     %h4 Logo de la procédure
     - unless @procedure.logo.blank?
       = image_tag @procedure.decorate.logo_img, {style: 'height: 40px; display: inline; margin-right: 6px', id: 'preview_procedure_logo'}
@@ -21,7 +21,7 @@
     %div{style:'margin-top:5px'}
       %i
         Fichier accepté : JPG / JPEG / PNG
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
     %h4 Drapeau européen
     %label
       =f.check_box :euro_flag
@@ -30,7 +30,7 @@
 %br
 
 .row
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
     %h4 Cartographie
 
     = f.fields_for :module_api_carto, @procedure.module_api_carto do |ff|
@@ -48,7 +48,7 @@
             = ff.check_box :cadastre
             Cadastre
 
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
     %h4 Formulaire de demande ou CERFA
     %label
       =f.check_box :cerfa_flag
@@ -58,7 +58,7 @@
 
 %br
 .row
-  .col-md-6.col-sm-6.col-xs-6.col-lg-6
+  .col-xs-6
     %h4 Particuliers
     %div
       %label

app/views/admin/procedures/_list.html.haml

@@ -12,7 +12,7 @@
       - procedure = procedure.decorate
       %tr{id: "tr_dossier_#{procedure.id}", 'data-dossier_url' => admin_procedure_path(id: procedure.id)}
         %td= procedure.id
-        %td.col-md-6.col-sm-6.col-xs-6.col-lg-6
+        %td.col-xs-6
           = procedure.libelle
         - if @active_class
           %td= link_to procedure.lien, procedure.lien, class: 'procedure-lien', 'data-method' => :get

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

@@ -96,7 +96,7 @@
       =t('dynamics.admin.procedure.stats.title')
 
     .row
-      .col-md-6.col-sm-6.col-xs-6.col-lg-6{style:'margin-left:3%'}
+      .col-xs-6{style:'margin-left:3%'}
         %h4 Total
         %div
           = @facade.dossiers_total
@@ -126,7 +126,7 @@
           %p
             0
 
-      .col-md-5.col-sm-5.col-xs-5.col-lg-5
+      .col-xs-5
         %h4 Non archivés
         = javascript_include_tag "https://code.highcharts.com/highcharts.js", "chartkick"
         - if @facade.dossiers_for_pie_highchart.blank?

app/views/administrations/_list.html.haml

@@ -1,10 +1,10 @@
 - unless smart_listing.empty?
   %table.table
     %thead
-      %th.col-md-4.col-sm-4.col-xs-4.col-lg-4= smart_listing.sortable 'Email', :email
-      %th.col-md-4.col-sm-4.col-xs-4.col-lg-4= smart_listing.sortable 'Date de dernière connexion', :last_sign_in_at
-      %th.col-md-2.col-sm-2.col-xs-2.col-lg-2 Procédure active
-      %th.col-md-2.col-sm-2.col-xs-2.col-lg-2 Dossier en cours
+      %th.col-xs-4= smart_listing.sortable 'Email', :email
+      %th.col-xs-4= smart_listing.sortable 'Date de dernière connexion', :last_sign_in_at
+      %th.col-xs-2 Procédure active
+      %th.col-xs-2 Dossier en cours
 
     - @admins.each do |admin|
       %tr

app/views/backoffice/dossiers/_followers.html.haml

@@ -3,7 +3,7 @@
 
 %br
 .row
-  .col-md-4.col-sm-4.col-xs-4.col-lg-4
+  .col-xs-4
     - if @facade.followers.size > 0
       %ul
         - @facade.followers.each do |follower|

app/views/backoffice/dossiers/_pref_list.html.haml

@@ -27,7 +27,7 @@
     - if index%2 == 0 || tables.first.to_s.include?('champs')
       %tr
 
-    %td.col-sm-5.col-md-5.col-sm-5.col-xs-5.col-lg-5{style: 'vertical-align: top', colspan: (tables.first == :champs ? 2 : 1)}
+    %td.col-xs-5{style: 'vertical-align: top', colspan: (tables.first == :champs ? 2 : 1)}
       %h5= tables.first.to_s.gsub('_', ' ').capitalize
       %ul
         - if tables.second

app/views/backoffice/dossiers/_state_description.html.haml

@@ -4,7 +4,7 @@
       .row
         .col-md-1.col-lg-1.col-sm-1.col-xs-1.col-sm-1.col-xs-1
           .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-        .col-md-11.col-sm-11.col-xs-11.col-lg-11
+        .col-xs-11
           -if dossiers_list_facade.liste == 'nouveaux'
             Tous les dossiers présents dans cette liste sont ceux qui
             %b

app/views/demo/_list.html.haml

@@ -14,11 +14,11 @@
       %tr
         %td
           = procedure.id
-        %td.col-md-4.col-sm-4.col-xs-4.col-lg-4
+        %td.col-xs-4
           = link_to procedure.libelle, procedure.lien
         %td
           = procedure.description
-        %td.col-md-3.col-sm-3.col-xs-3.col-lg-3
+        %td.col-xs-3
           = procedure.organisation
 
   = smart_listing.paginate

app/views/dossiers/_infos_carto.html.haml

@@ -1,5 +1,5 @@
 .row
-  .col-md-12.col-sm-12.col-xs-12.col-lg-12
+  .col-xs-12
     #map.mini{class: @facade.dossier.procedure.module_api_carto.classes}
 
     %input{id: 'json_latlngs', type:'hidden', value: "#{@facade.dossier.json_latlngs}"}

app/views/dossiers/_infos_dossier.html.haml

@@ -2,40 +2,40 @@
   .col-lg-12.col-md-12.col-sm-12.col-xs-12
     - if @facade.procedure.for_individual?
       .row.title-row
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.dossier-title= t('utils.depositaire').upcase
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
+        %div.col-xs-4.split-hr
+        %div.col-xs-4.dossier-title= t('utils.depositaire').upcase
+        %div.col-xs-4.split-hr
       .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Civilité
+        %div.col-xs-6.depositaire-label Civilité
         %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info= @facade.individual.gender
+        %div.col-xs-5.depositaire-info= @facade.individual.gender
       .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Nom
+        %div.col-xs-6.depositaire-label Nom
         %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info= @facade.individual.nom
+        %div.col-xs-5.depositaire-info= @facade.individual.nom
       .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Prénom
+        %div.col-xs-6.depositaire-label Prénom
         %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.despositaire-info= @facade.individual.prenom
+        %div.col-xs-5.despositaire-info= @facade.individual.prenom
       .row
-        %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label Date de naissance
+        %div.col-xs-6.depositaire-label Date de naissance
         %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-        %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info= @facade.individual.birthdate
+        %div.col-xs-5.depositaire-info= @facade.individual.birthdate
       .row.margin-top-20
 
     - unless @facade.champs.nil?
       - @facade.champs.each do |champ|
         - if champ.type_champ == 'header_section'
           .row.title-row.margin-top-40
-            %div.col-md-3.col-sm-3.col-xs-3.col-lg-3.split-hr
-            %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.dossier-title= champ.libelle.upcase
-            %div.col-md-3.col-sm-3.col-xs-3.col-lg-3.split-hr
+            %div.col-xs-3.split-hr
+            %div.col-xs-6.dossier-title= champ.libelle.upcase
+            %div.col-xs-3.split-hr
         - else
           .row
-            %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label= champ.libelle
+            %div.col-xs-6.depositaire-label= champ.libelle
             %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off
               = "-"
-            %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.depositaire-info{ id: "champ-#{champ.id}-value" }
+            %div.col-xs-5.depositaire-info{ id: "champ-#{champ.id}-value" }
               - unless champ.decorate.value.blank?
                 = champ.decorate.value.html_safe
 
@@ -50,18 +50,18 @@
   - if @facade.procedure.cerfa_flag? || @facade.dossier.types_de_piece_justificative.count > 0
     .col-lg-12.col-md-12.col-sm-12.col-xs-12
       .row.title-row
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.dossier-title= t('utils.pieces').upcase
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.split-hr
+        %div.col-xs-4.split-hr
+        %div.col-xs-4.dossier-title= t('utils.pieces').upcase
+        %div.col-xs-4.split-hr
 
   .col-lg-12.col-md-12.col-sm-12.col-xs-12#pieces_justificatives.margin-bot-40
     .row
       - if @facade.procedure.cerfa_flag?
-        .col-md-12.col-sm-12.col-xs-12.col-lg-12#piece_justificative_0
+        .col-xs-12#piece_justificative_0
           .row.piece-row
-            .col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label= 'Formulaire'
+            .col-xs-6.depositaire-label= 'Formulaire'
             .col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-            .col-md-5.col-sm-5.col-xs-5.col-lg-5.despositaire-info
+            .col-xs-5.despositaire-info
               - if @facade.dossier.cerfa_available?
                 %a{ href: "#{@facade.dossier.cerfa.last.content_url}", target: '_blank' } Consulter
                 %span{style:'margin-left:12px'}
@@ -71,14 +71,14 @@
               - else
                 = 'Pièce non fournie'
     .row
-      .col-md-12.col-sm-12.col-xs-12.col-lg-12
+      .col-xs-12
         - @facade.types_de_pieces_justificatives.each do |type_de_piece_justificative|
           .row.piece-row
-            .col-md-12.col-sm-12.col-xs-12.col-lg-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
+            .col-xs-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
               .row
-                %div.col-md-6.col-sm-6.col-xs-6.col-lg-6.depositaire-label= type_de_piece_justificative.libelle
+                %div.col-xs-6.depositaire-label= type_de_piece_justificative.libelle
                 %div.col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-                %div.col-md-5.col-sm-5.col-xs-5.col-lg-5.despositaire-info
+                %div.col-xs-5.despositaire-info
                   - if type_de_piece_justificative.api_entreprise
                     %span.text-success Nous l'avons récupéré pour vous.
                   - elsif !(@pj = @facade.dossier.retrieve_last_piece_justificative_by_type(type_de_piece_justificative.id)).nil?

app/views/dossiers/_infos_entreprise.html.haml

@@ -2,51 +2,51 @@
   %h4
     = @facade.entreprise.raison_sociale_or_name
   .row.split-row
-    %div.col-md-12.col-sm-12.col-xs-12.col-lg-12.split-hr
+    %div.col-xs-12.split-hr
 %div.row
-  .col-lg-12.col-md-12.col-sm-12.col-xs-12
+  .col-xs-12
 
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Siret :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.etablissement.siret
+      %div.col-xs-4.entreprise-label Siret :
+      %div.col-xs-8.entreprise-info= @facade.etablissement.siret
     - if @facade.etablissement.siret != @facade.entreprise.siret_siege_social
       .row
-        %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label SIRET siège social :
-        %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.siret_siege_social
+        %div.col-xs-4.entreprise-label SIRET siège social :
+        %div.col-xs-8.entreprise-info= @facade.entreprise.siret_siege_social
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Forme juridique :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.forme_juridique
+      %div.col-xs-4.entreprise-label Forme juridique :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.forme_juridique
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Libellé naf :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.etablissement.libelle_naf
+      %div.col-xs-4.entreprise-label Libellé naf :
+      %div.col-xs-8.entreprise-info= @facade.etablissement.libelle_naf
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Code naf :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.etablissement.naf
+      %div.col-xs-4.entreprise-label Code naf :
+      %div.col-xs-8.entreprise-info= @facade.etablissement.naf
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Date de création :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= Time.at(@facade.entreprise.date_creation).strftime "%d-%m-%Y"
+      %div.col-xs-4.entreprise-label Date de création :
+      %div.col-xs-8.entreprise-info= Time.at(@facade.entreprise.date_creation).strftime "%d-%m-%Y"
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Effectif organisation :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.effectif
+      %div.col-xs-4.entreprise-label Effectif organisation :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.effectif
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Code effectif :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.code_effectif_entreprise
+      %div.col-xs-4.entreprise-label Code effectif :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.code_effectif_entreprise
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Numéro TVA intracommunautaire :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.numero_tva_intracommunautaire
+      %div.col-xs-4.entreprise-label Numéro TVA intracommunautaire :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.numero_tva_intracommunautaire
 
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Adresse :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info
+      %div.col-xs-4.entreprise-label Adresse :
+      %div.col-xs-8.entreprise-info
         - @facade.etablissement.adresse.split("\n").each do |line|
           = line
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Capital social :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info= @facade.entreprise.pretty_capital_social
+      %div.col-xs-4.entreprise-label Capital social :
+      %div.col-xs-8.entreprise-info= @facade.entreprise.pretty_capital_social
 
     .row
-      %div.col-md-4.col-sm-4.col-xs-4.col-lg-4.entreprise-label Exercices :
-      %div.col-md-8.col-sm-8.col-xs-8.col-lg-8.entreprise-info
+      %div.col-xs-4.entreprise-label Exercices :
+      %div.col-xs-8.entreprise-info
         - @facade.etablissement.exercices.each_with_index do |exercice, index|
           %strong
             = "#{exercice.dateFinExercice.year} : "
@@ -54,7 +54,7 @@
           %br
 
     .row.split-row
-      %div.col-md-12.col-sm-12.col-xs-12.col-lg-12.split-hr
+      %div.col-xs-12.split-hr
 - unless @facade.entreprise.rna_information.nil?
   = render partial: '/dossiers/infos_rna'
 

app/views/dossiers/_infos_pieces_jointes.html.haml

@@ -1,11 +1,11 @@
 #pieces_justificatives
   .row
     - if @facade.procedure.cerfa_flag?
-      .col-md-12.col-sm-12.col-xs-12.col-lg-12#piece_justificative_0
+      .col-xs-12#piece_justificative_0
         .row.piece-row
-          .col-md-6.col-sm-6.col-xs-6.col-lg-6.piece-label= 'Formulaire'
+          .col-xs-6.piece-label= 'Formulaire'
           .col-md-1.col-lg-1.col-sm-1.col-xs-1.comments-off= "-"
-          .col-md-5.col-sm-5.col-xs-5.col-lg-5
+          .col-xs-5
             - if @facade.dossier.cerfa_available?
               %a{ href: "#{@facade.dossier.cerfa.last.content_url}", target: '_blank' } Consulter
               %span{style:'margin-left:12px'}
@@ -20,13 +20,13 @@
               = 'Pièce non fournie'
 
   .row
-    .col-md-12.col-sm-12.col-xs-12.col-lg-12
+    .col-xs-12
       - @facade.dossier.types_de_piece_justificative.order('order_place ASC').each do |type_de_piece_justificative|
         .row.piece-row
-          .col-md-12.col-sm-12.col-xs-12.col-lg-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
+          .col-xs-12{ id: "piece_justificative_#{type_de_piece_justificative.id}" }
             .row
-              .col-md-6.col-sm-6.col-xs-6.col-lg-6= type_de_piece_justificative.libelle
-              .col-md-6.col-sm-6.col-xs-6.col-lg-6
+              .col-xs-6= type_de_piece_justificative.libelle
+              .col-xs-6
                 - if type_de_piece_justificative.api_entreprise
                   %span.text-success Nous l'avons récupéré pour vous.
                 - elsif !(@pj = @facade.dossier.retrieve_last_piece_justificative_by_type(type_de_piece_justificative.id)).nil?

app/views/dossiers/_infos_private_fields.html.haml

@@ -1,5 +1,5 @@
 .row{style: 'margin-top: -20px'}
-  .col-md-12.col-sm-12.col-xs-12.col-lg-12
+  .col-xs-12
     = form_for @facade.dossier, url: {controller: 'backoffice/private_formulaires', action: :update, dossier_id: @facade.dossier.id}, remote: true do
       = render partial: '/users/description/champs', locals:{private: true}
       .row.center

app/views/dossiers/_invites.html.haml

@@ -2,7 +2,7 @@
 
 %br
 .row
-  .col-md-4.col-sm-4.col-xs-4.col-lg-4
+  .col-xs-4
     - if @facade.invites.size > 0
       %ul
         - @facade.invites.each do |invite|
@@ -11,7 +11,7 @@
     - else
       Aucune personne invitée
 
-  .col-md-3.col-sm-3.col-xs-3.col-lg-3
+  .col-xs-3
     = form_tag invites_dossier_path(dossier_id: @facade.dossier.id), method: :post, class: 'form-inline' do
       = text_field_tag :email, '', class: 'form-control', placeholder: 'Envoyer une invitation'
       = submit_tag 'Ajouter', class: 'btn btn-success', id: 'send-invitation'

app/views/dossiers/etapes/_etape1.html.haml

@@ -1,4 +1,4 @@
-.col-md-3.col-sm-3.col-xs-3.col-lg-3.center
+.col-xs-3.center
   %h3 Ma procédure
 
   #logos.center{class: (@facade.entreprise.nil? ? '' : 'mask')}
@@ -9,9 +9,9 @@
     #logo_procedure.flag
       =image_tag( @facade.procedure.decorate.logo_img )
 
-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-9
+.etape.etapes_informations.col-xs-9
   .row
-    .col-md-12.col-sm-12.col-xs-12.col-lg-12.padding-left-30
+    .col-xs-12.padding-left-30
       %h2#titre_procedure.text-info
         = @facade.procedure.libelle
 

app/views/dossiers/etapes/_etape3.html.haml

@@ -1,6 +1,6 @@
-.etape.etapes_menu.col-md-3.col-sm-3.col-xs-3.col-lg-3
+.etape.etapes_menu.col-xs-3
   %h3
     Ma zone d'intervention
 
-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-9
+.etape.etapes_informations.col-xs-9
   .row

app/views/dossiers/etapes/_etape4.html.haml

@@ -1,6 +1,6 @@
-.etape.etapes_menu.col-md-3.col-sm-3.col-xs-3.col-lg-3
+.etape.etapes_menu.col-xs-3
   %h3
     Mon dossier
 
-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-9
+.etape.etapes_informations.col-xs-9
   .row

app/views/dossiers/etapes/etape_2/_entreprise.html.haml

@@ -1,4 +1,4 @@
-.etape.etapes_menu.col-md-3.col-sm-3.col-xs-3.col-lg-3
+.etape.etapes_menu.col-xs-3
   %h3
     Mes informations
   %br
@@ -12,7 +12,7 @@
         = f.submit 'Changer de SIRET', class: %w(btn btn-xs btn-primary)
 
 
-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-9
+.etape.etapes_informations.col-xs-9
   .row
     - if @facade.entreprise.nil?
       #new_siret{style:'margin-left: 20%; margin-top: 5%'}

app/views/dossiers/etapes/etape_2/_individual.html.haml

@@ -1,14 +1,14 @@
-.col-md-3.col-sm-3.col-xs-3.col-lg-3.center
+.col-xs-3.center
   %h3 Mes informations
   %p
     Les informations de bases
     %br
     vous concernant.
 
-.etape.etapes_informations.col-md-9.col-sm-9.col-xs-9.col-lg-9
+.etape.etapes_informations.col-xs-9
   = form_for @facade.dossier, url: { controller: '/users/dossiers', action: :update } do |f|
     .row
-      .col-md-12.col-sm-12.col-xs-12.col-lg-12.padding-left-30
+      .col-xs-12.padding-left-30
         = f.hidden_field :id
 
         = f.fields_for :individual, @facade.individual do |ff|
@@ -40,7 +40,7 @@
             Vos informations personnelles ne seront jamais utilisées dans un but lucratif ou commercial. Elles ne pourront être communiquées à de tiers personnes sans votre accord préalable. Elles pourront en revanche être communiquées aux administrations compétentes afin d'instruire votre dossier, conformément à la déclaration CNIL effectué par le service TPS.
             =link_to 'en savoir plus', cgu_path, target: '_blank'
     .row
-      .col-md-5.col-sm-5.col-xs-5.col-lg-5.col-xs-5
-      .col-md-2.col-sm-2.col-xs-2.col-lg-2.col-xs-2
+      .col-xs-5.col-xs-5
+      .col-xs-2.col-xs-2
         = f.submit 'Etape suivante', class: "action", id: 'etape_suivante'
-      .col-md-5.col-sm-5.col-xs-5.col-lg-5.col-xs-5
+      .col-xs-5.col-xs-5

app/views/layouts/_support_navigator_banner.html.haml

@@ -1,6 +1,6 @@
 - unless BrowserService.recommended_browser?
   #support_navigator_banner.row
-    .col-md-12.col-sm-12.col-xs-12.col-lg-12
+    .col-xs-12
       = BROWSER.value.name
       = BROWSER.value.version
       \-

app/views/users/description/_show.html.haml

@@ -6,7 +6,7 @@
           .row
             .col-md-1.col-lg-1.col-sm-1.col-xs-1
               .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-            .col-md-10.col-sm-10.col-xs-10.col-lg-10{style:'padding-right: 0px'}
+            .col-xs-10{style:'padding-right: 0px'}
               %b
                 =link_to 'Accéder au guide', @dossier.procedure.lien_notice, {target: '_blank'}
               pour remplir pour votre dossier
@@ -36,7 +36,7 @@
           .row
             .col-md-1.col-lg-1.col-sm-1.col-xs-1
               .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-            .col-md-11.col-sm-11.col-xs-11.col-lg-11
+            .col-xs-11
               Les documents administratifs ne sont pas indispensables afin d'initier votre dossier.
               Vous pourrez dans tous les cas les compléter plus tard si vous ne les possédez pas de suite.
 

app/views/users/dossiers/_list.html.haml

@@ -2,11 +2,11 @@
   %table#dossiers_list.table
     %thead
       %th#sort-id.col-md-1.col-lg-1.col-sm-1.col-xs-1= smart_listing.sortable 'Numéro', 'id'
-      %th#sort-libelle.col-md-5.col-sm-5.col-xs-5.col-lg-5= smart_listing.sortable 'Procédure', 'procedure.libelle'
-      %th#sort-state.col-md-2.col-sm-2.col-xs-2.col-lg-2= smart_listing.sortable 'État', 'state'
-      %th#sort-updated.col-md-2.col-sm-2.col-xs-2.col-lg-2= smart_listing.sortable 'Date de mise à jour', 'updated_at'
+      %th#sort-libelle.col-xs-5= smart_listing.sortable 'Procédure', 'procedure.libelle'
+      %th#sort-state.col-xs-2= smart_listing.sortable 'État', 'state'
+      %th#sort-updated.col-xs-2= smart_listing.sortable 'Date de mise à jour', 'updated_at'
       - if @liste == "brouillon"
-        %th.col-md-2.col-sm-2.col-xs-2.col-lg-2= 'Action'
+        %th.col-xs-2= 'Action'
     - @dossiers.each do |dossier|
       - if dossier.kind_of? Invite
         - invite = dossier

app/views/users/dossiers/_state_description.html.haml

@@ -4,7 +4,7 @@
       .row
         .col-md-1.col-lg-1.col-sm-1.col-xs-1
           .fa.fa-info-circle.text-info{style:'font-size: 2em; margin-top: 20%'}
-        .col-md-11.col-sm-11.col-xs-11.col-lg-11
+        .col-xs-11
           -if dossiers_list_facade.liste == 'brouillon'
             Les dossiers présents dans cette liste
             %b