style(demande): layout with 2 columns

app/views/shared/dossiers/_demande.html.haml

@@ -4,7 +4,7 @@
 
 .fr-container.counter-start-header-section.dossier-show
   .fr-grid-row.fr-grid-row--center
-    .fr-col-xl-10
+    .fr-col-12
       %h2.fr-h6.fr-background-alt--grey.fr-mb-0
         .flex-grow.fr-py-3v.fr-px-4v= t('views.shared.dossiers.demande.en_construction')
 

app/views/shared/dossiers/_identite_entreprise.html.haml

@@ -6,21 +6,21 @@
         - if profile == "instructeur"
           %p
             Il nʼest pas possible dʼaccepter ou de refuser un dossier sans cette étape.
-    .fr-my-2v
+    .fr-my-2v.champ-row
       %p.champ-label SIRET :
       .champ-content
         %p= etablissement.siret
   - else
     - if etablissement.diffusable_commercialement == false && profile != 'instructeur'
-      .fr-my-2v
+      .fr-my-2v.champ-row
         .champ-content
           %p= t('warning_for_private_info', scope: 'views.shared.dossiers.identite_entreprise', siret: pretty_siret(etablissement.siret))
     - else
-      .fr-my-2v
+      .fr-my-2v.champ-row
         %p.champ-label Dénomination :
         .champ-content
           %p= raison_sociale_or_name(etablissement)
-      .fr-my-2v
+      .fr-my-2v.champ-row
         %p.champ-label SIRET :
         .champ-content
           %p #{pretty_siret(etablissement.siret)} #{ render Dsfr::CopyButtonComponent.new(text: etablissement.siret, title: "Copier le siret dans le presse-papier", success: "Le siret a été copié dans le presse-papier") }
@@ -28,23 +28,23 @@
 
       - unless local_assigns[:short_identity]
         - if etablissement.siret != etablissement.entreprise.siret_siege_social
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label SIRET du siège social:
             .champ-content
               %p= etablissement.entreprise.siret_siege_social
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Forme juridique :
           .champ-content
             %p= sanitize(etablissement.entreprise.forme_juridique)
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Libellé NAF :
           .champ-content
             %p= etablissement.libelle_naf
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Code NAF :
           .champ-content
             %p= etablissement.naf
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Date de création :
           .champ-content
             %p
@@ -54,41 +54,41 @@
               %span.label= humanized_entreprise_etat_administratif(etablissement)
 
         - if profile == 'instructeur'
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label
               Effectif mensuel
               = try_format_mois_effectif(etablissement)
               (URSSAF) :
             .champ-content
               %p= etablissement.entreprise_effectif_mensuel
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label
               Effectif moyen annuel
               = etablissement.entreprise_effectif_annuel_annee
               (URSSAF) :
             .champ-content
               %p= etablissement.entreprise_effectif_annuel
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Effectif de l'organisation (INSEE) :
           .champ-content
             %p
             = effectif(etablissement)
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Numéro de TVA intracommunautaire :
           .champ-content
             %p= etablissement.entreprise.numero_tva_intracommunautaire
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Adresse :
           .champ-content
             %p
             - etablissement.adresse.split("\n").each do |line|
               = line
               %br
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Capital social :
           .champ-content
             %p= pretty_currency(etablissement.entreprise.capital_social)
-        .fr-my-2v
+        .fr-my-2v.champ-row
           %p.champ-label Chiffre d’affaires :
           .champ-content
             %p
@@ -115,7 +115,7 @@
 
             = render partial: 'shared/dossiers/identite_entreprise_bilan_detail',
               locals: { libelle: 'Besoin en fonds de roulement', key: 'besoin_en_fonds_de_roulement', etablissement: etablissement }
-            .fr-my-2v
+            .fr-my-2v.champ-row
               %p.champ-label
                 Chiffres financiers clés (Banque de France)
                 = "en #{pretty_currency_unit(etablissement.entreprise_bilans_bdf_monnaie)} :"
@@ -139,13 +139,13 @@
                   ou
                   = link_to "au format ods", bilans_bdf_instructeur_dossier_path(procedure_id: @dossier.procedure.id, dossier_id: @dossier.id, format: 'ods')
           - else
-            .fr-my-2v
+            .fr-my-2v.champ-row
               %p.champ-label
                 Bilans Banque de France :
               .champ-content
                 %p Les 3 derniers bilans connus de votre entreprise par la Banque de France ont été joints à votre dossier.
         - if etablissement.entreprise_attestation_sociale.attached?
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Attestation sociale :
             - if profile == 'instructeur'
               .champ-content
@@ -155,7 +155,7 @@
                 %p Une attestation de vigilance délivrée par l'ACOSS a été jointe à votre dossier.
 
         - if etablissement.entreprise_attestation_fiscale.attached?
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Attestation fiscale :
             - if profile == 'instructeur'
               .champ-content
@@ -165,27 +165,27 @@
                 %p Une attestation fiscale délivrée par l'URSSAF a été jointe à votre dossier.
 
         - if etablissement.association?
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Numéro RNA :
             .champ-content
               %p= etablissement.association_rna
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Titre :
             .champ-content
               %p= etablissement.association_titre
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Objet :
             .champ-content
               %p= etablissement.association_objet
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Date de création :
             .champ-content
               %p= try_format_date(etablissement.association_date_creation)
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Date de publication :
             .champ-content
               %p= try_format_date(etablissement.association_date_publication)
-          .fr-my-2v
+          .fr-my-2v.champ-row
             %p.champ-label Date de déclaration :
             .champ-content
               %p= try_format_date(etablissement.association_date_declaration)

app/views/shared/dossiers/_identite_entreprise_bilan_detail.html.haml

@@ -1,7 +1,6 @@
-%tr
-  %td.libelle
-    = "#{libelle} :"
-  %td
+.fr-my-2v.champ-row
+  %p.champ-label= "#{libelle} :"
+  .champ-content
     %details
       - etablissement.entreprise_bilans_bdf.each do |bilan|
         = "#{pretty_date_exercice(bilan["date_arret_exercice"])} : "

app/views/shared/dossiers/_identite_individual.html.haml

@@ -1,18 +1,17 @@
-
-.fr-my-2v
+.fr-my-2v.champ-row
   %p.champ-label= t('views.users.dossiers.identite.civility')
   .champ-content
     %p= individual.gender
-.fr-my-2v
+.fr-my-2v.champ-row
   %p.champ-label= t('views.users.dossiers.identite.first_name')
   .champ-content
     %p= individual.prenom
-.fr-my-2v
+.fr-my-2v.champ-row
   %p.champ-label= t('views.users.dossiers.identite.last_name')
   .champ-content
     %p= individual.nom
 - if individual.birthdate.present?
-  .fr-my-2v
+  .fr-my-2v.champ-row
     %p.champ-label= t('views.users.dossiers.identite.birthdate')
     .champ-content
       %p= try_format_date(individual.birthdate)

app/views/shared/dossiers/_infos_generales.html.haml

@@ -12,22 +12,22 @@
 
   - if dossier.justificatif_motivation.attached?
     -# download component already has margin bottom
-    %div
-      %p.champ-label Justificatif :
+    %div.champ-row
+      %p.champ-label Justificatif :
       .champ-content
         .action
           = render Attachment::ShowComponent.new(attachment: dossier.justificatif_motivation.attachment)
 
   - if dossier.motivation.present?
-    .fr-mb-2w
-      %p.champ-label Motivation :
+    .fr-mb-2w.champ-row
+      %p.champ-label Motivation :
       .champ-content
         .action
           = dossier.motivation
 
   - if dossier.attestation.present?
-    .fr-mb-2w
-      %p.champ-label Attestation :
+    .fr-mb-2w.champ-row
+      %p.champ-label Attestation :
       .champ-content
         .action
           = link_to('Voir l’attestation', attestation_instructeur_dossier_path(dossier.procedure, dossier), target: '_blank', rel: 'noopener')

app/views/shared/dossiers/_user_infos.html.haml

@@ -1,4 +1,4 @@
-.fr-my-2v
+.fr-my-2w.champ-row
   %p.champ-label Email :
   .champ-content
     %p= user_deleted ? "#{email} (l’usager a supprimé son compte)" : email