style(admin): fix all administrateurs table

app/views/administrateurs/procedures/_detail.html.haml

@@ -1,5 +1,5 @@
 %tr.procedure{ id: "procedure_#{procedure.id}" }
-  %th{ scope: 'row' }
+  %th.fr-cell--center{ scope: 'row' }
     - title = show_detail ? 'Cacher les détails de la démarche' : 'Afficher les détails de la démarche'
     - icon = show_detail ? 'fr-icon-subtract-line' : 'fr-icon-add-line'
     - params = show_detail ? {} : { show_detail: true }

app/views/administrateurs/procedures/administrateurs.html.haml

@@ -10,11 +10,7 @@
       = f.label 'email', 'Rechercher des administrateurs par email', class: 'fr-label'
       = f.search_field 'email', size: 40, class: 'fr-input', data: { turbo_force: :server }
     .actions= link_to 'Voir la liste des démarches', all_admin_procedures_path(@filter.params), class: 'fr-btn fr-btn--secondary'
-  .fr-table.fr-table--bordered
+
-    %table#all-admins
-      %caption
-        = "#{@admins.total_count} administrateurs"
-        %span.hidden.spinner{ 'aria-hidden': 'true', 'data-turbo-target': 'spinner' }
   - if @filter.email
     .selected-email.fr-mb-2w
       = link_to @filter.email, administrateurs_admin_procedures_path(@filter.without(:email)), class: 'fr-tag fr-tag--dismiss fr-mb-1w'
@@ -29,7 +25,15 @@
   - if @filter.from_publication_date.present?
     .selected-from-publication-date.fr-mb-2w
       = link_to "Depuis le #{l(@filter.from_publication_date)}", all_admin_procedures_path(@filter.without(:from_publication_date)), class: 'fr-tag fr-tag--dismiss fr-mb-1w'
-      = paginate @admins, views_prefix: 'shared'
+
+  .fr-table.fr-table--bordered
+    .fr-table__wrapper
+      .fr-table__container
+        .fr-table__content
+          %table#all-admins
+            %caption
+              = "#{@admins.total_count} administrateurs"
+              %span.hidden.spinner{ 'aria-hidden': 'true', 'data-turbo-target': 'spinner' }
             %thead
               %tr
                 %th{ scope: 'col' }
@@ -39,16 +43,18 @@
             - @admins.each do |admin|
               %tbody{ 'data-controller': 'expand' }
                 %tr.procedure{ 'data-action': 'click->expand#toggle' }
-            %td
+                  %th.fr-cell--center{ scope: 'row' }
-              %button.fr-icon-add-line.fr-icon--sm.fr-mr-1w.fr-mb-1w.fr-text-action-high--blue-france{ 'aria-hidden': 'true', 'data-expand-target': 'icon' }
+                    %button.fr-icon-add-line.fr-icon--sm.fr-mb-1w.fr-text-action-high--blue-france.fr-btn.fr-btn--tertiary-no-outline{ 'aria-hidden': 'true', 'data-expand-target': 'icon' }
                   %td= admin.email
-            %td= admin.procedures.size
+                  %td.fr-cell--right.fr-cell--numeric= admin.procedures.size
-            %td= l(admin.created_at, format: :message_date_without_time)
+                  %td.fr-cell--numeric= l(admin.created_at, format: :message_date_without_time)
                 %tr.hidden{ 'data-expand-target': 'content' }
-            %td.fr-highlight--beige-gris-galet{ colspan: '6' }
+                  %td.fr-cell--multiline.fr-background-alt--green-emeraude{ colspan: '4' }
-              .fr-container
-                .fr-col-12.fr-mr-1w
                     %ul
                       - admin.procedures.each do |procedure|
                         %li= procedure.libelle
-    .fr-mt-2w= paginate @admins, views_prefix: 'shared'
+    .fr-table__footer
+      .fr-table__footer--start
+      .fr-table__footer--middle
+        = paginate @admins, views_prefix: 'shared'
+      .fr-table__footer--end.flex-no-grow