From 51ab4bef3826f4dd4b06db29ac580eb5eb785eb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Mon, 22 Jul 2024 23:06:49 +0200
Subject: [PATCH] Improve rendering for signature zone

---
 .../views/Workflow/_signature.html.twig       | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/views/Workflow/_signature.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Workflow/_signature.html.twig
index a61808500..f613b69dd 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Workflow/_signature.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Workflow/_signature.html.twig
@@ -1,19 +1,20 @@
 <h2>{{ 'workflow.signature_zone.title'|trans }}</h2>
 
-<div class="flex-table justify-content-center">
-    <div class="item-bloc">
+<div class="container">
+    <div class="row align-items-center">
         {% for s in signatures %}
-            <div class="item-row mb-2">
-                    <div class="col-sm-6"><span>{{ s.signer|chill_entity_render_box }}</span></div>
-            <div class="col-sm-6">
-                <a class="btn btn-show" href="{{ chill_path_add_return_path('chill_main_workflow_signature_metadata', { 'signature_id': s.id}) }}">{{ 'workflow.signature_zone.button_sign'|trans }}</a>
-                {% if s.state is same as('signed') %}
-                    <p class="updatedBy">{{ s.stateDate }}</p>
-                {% endif %}
-                </div>
+            <div class="col-sm-12 col-md-8"><span>{{ s.signer|chill_entity_render_box }}</span></div>
+            <div class="col-sm-12 col-md-4">
+                <ul class="record_actions">
+                    <li>
+                        <a class="btn btn-misc" href="{{ chill_path_add_return_path('chill_main_workflow_signature_metadata', { 'signature_id': s.id}) }}"><i class="fa fa-pencil-square-o"></i> {{ 'workflow.signature_zone.button_sign'|trans }}</a>
+                        {% if s.state is same as('signed') %}
+                            <p class="updatedBy">{{ s.stateDate }}</p>
+                        {% endif %}
+                    </li>
+                </ul>
             </div>
         {% endfor %}
     </div>
 </div>
 
-