chore: feedback perrine on erp details page v2 (#1919)

templates/erp/includes/ctas.html

@@ -1,33 +1,35 @@
 {% load a4a static %}
 {% load i18n %}
 <section class="fr-grid-row fr-grid-row--center">
-    <h2>{% translate "Voulez-vous améliorer la qualité des informations ?" %}</h2>
-    <ul class="fr-btns-group fr-btns-group--inline-md">
-        <li>
-            <a class="fr-btn text-center fr-mb-0"
-               href="{% url 'contrib_edit_infos' erp_slug=erp.slug %}">{% translate "Améliorer ou modifier ces informations" %}</a>
-        </li>
-        <li>
-            <form method="post"
-                  action="{% url 'confirm_up_to_date' erp_slug=erp.slug %}"
-                  class="w-100">
-                {% csrf_token %}
-                <button class="fr-btn fr-btn--secondary text-center fr-mb-0" type="submit">
-                    {% translate "Confirmer ces informations" %}
-                </button>
-            </form>
-        </li>
-        <li>
-            <a class="fr-btn fr-btn--secondary text-center fr-mb-0"
-               href="{% url 'contact_topic_erp' topic='signalement' erp_slug=erp.slug %}">{% translate "Signaler un problème ou une erreur" %}</a>
-        </li>
-        {% if user.is_staff %}
+    <div class="fr-grid-row fr-col-12 fr-col-md-10 fr-grid-row--center">
+        <h2 class="text-center">{% translate "Voulez-vous améliorer la qualité des informations ?" %}</h2>
+        <ul class="fr-btns-group fr-btns-group--inline-md">
             <li>
-                <a href="{% url "admin:erp_erp_change" object_id=erp.pk %}"
-                   target="_blank"
-                   class="fr-btn fr-btn--secondary text-center fr-mb-0"
-                   rel="noopener noreferrer">{% translate "Administrer cette fiche" %}</a>
+                <a class="fr-btn text-center"
+                   href="{% url 'contrib_edit_infos' erp_slug=erp.slug %}">{% translate "Améliorer ou modifier ces informations" %}</a>
             </li>
-        {% endif %}
-    </ul>
+            <li>
+                <form method="post"
+                      action="{% url 'confirm_up_to_date' erp_slug=erp.slug %}"
+                      class="w-100">
+                    {% csrf_token %}
+                    <button class="fr-btn fr-btn--secondary text-center" type="submit">
+                        {% translate "Confirmer ces informations" %}
+                    </button>
+                </form>
+            </li>
+            <li>
+                <a class="fr-btn fr-btn--secondary text-center"
+                   href="{% url 'contact_topic_erp' topic='signalement' erp_slug=erp.slug %}">{% translate "Signaler un problème ou une erreur" %}</a>
+            </li>
+            {% if user.is_staff %}
+                <li>
+                    <a href="{% url "admin:erp_erp_change" object_id=erp.pk %}"
+                       target="_blank"
+                       class="fr-btn fr-btn--secondary text-center"
+                       rel="noopener noreferrer">{% translate "Administrer cette fiche" %}</a>
+                </li>
+            {% endif %}
+        </ul>
+    </div>
 </section>

templates/erp/includes/filters.html

@@ -1,8 +1,10 @@
 {% load i18n %}
-<p class="fr-mb-1v">{% translate "Filtrer par type de handicap :" %}</p>
-<p class="fr-mb-2w">
-    {% translate "Affichez uniquement les infos d'accessibilité qui vous concernent, en fonction de votre handicap" %}
-</p>
+<div>
+    <p class="fr-mb-1v">{% translate "Filtrer par type de handicap :" %}</p>
+    <p class="fr-mb-2w">
+        {% translate "Affichez uniquement les infos d'accessibilité qui vous concernent, en fonction de votre handicap" %}
+    </p>
+</div>
 <div class="fr-grid-row fr-mb-4w fr-mb-md-6w">
     {% translate "Difficulté à voir" as visual_text %}
     {% translate "Difficulté à marcher" as walking_text %}