From e399aaf55d8d387b30bb7ca8093dd8e15968c43a Mon Sep 17 00:00:00 2001
From: Julie Salha <julie.salha@gmail.com>
Date: Thu, 13 Apr 2023 17:12:49 +0200
Subject: [PATCH] update structure and styles card dossier-champs

---
 app/assets/stylesheets/dossier_champs.scss    |  7 +++++--
 .../shared/dossiers/_champ_row.html.haml      | 19 +++++++++++--------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/dossier_champs.scss b/app/assets/stylesheets/dossier_champs.scss
index 5b7271f75..85aa2a94f 100644
--- a/app/assets/stylesheets/dossier_champs.scss
+++ b/app/assets/stylesheets/dossier_champs.scss
@@ -11,10 +11,13 @@
     width: 325px;
   }
 
+  td.libelle, td.updated-at {
+    width: 50%;
+  }
+
   td.updated-at {
     font-size: 13px;
     color: $dark-grey;
-    text-align: right;
-    width: 190px;
+    text-align: left;
   }
 }
diff --git a/app/views/shared/dossiers/_champ_row.html.haml b/app/views/shared/dossiers/_champ_row.html.haml
index ea12edae6..a3b416e77 100644
--- a/app/views/shared/dossiers/_champ_row.html.haml
+++ b/app/views/shared/dossiers/_champ_row.html.haml
@@ -13,9 +13,16 @@
         %th.header-section{ colspan: 3, class: c.dossier.auto_numbering_section_headers_for?(c) ? "header-section-counter" : nil }= c.libelle
       - else
         %td.libelle{ class: repetition ? 'padded' : '' }
-          = "#{c.libelle} :"
-        %td.rich-text{ class: c.type_champ }
-          %div{ class: highlight_if_unseen_class(demande_seen_at, c.updated_at) }
+          = "#{c.libelle} :"
+      - if c.type_champ != TypeDeChamp.type_champs.fetch(:header_section)
+        %td.updated-at
+          %span{ class: highlight_if_unseen_class(demande_seen_at, c.updated_at) }
+            modifié le
+            = try_format_datetime(c.updated_at)
+
+        %tr
+          %td.rich-text{ class: c.type_champ }
+            %div{ class: highlight_if_unseen_class(demande_seen_at, c.updated_at) }
             - case c.type_champ
             - when TypeDeChamp.type_champs.fetch(:carte)
               = render partial: "shared/champs/carte/show", locals: { champ: c }
@@ -62,8 +69,4 @@
             - else
               = format_text_value(c.to_s) unless c.blank?
 
-      - if c.type_champ != TypeDeChamp.type_champs.fetch(:header_section)
-        %td.updated-at
-          %span{ class: highlight_if_unseen_class(demande_seen_at, c.updated_at) }
-            modifié le
-            = try_format_datetime(c.updated_at)
+