small css adjustements to improve table display

app/assets/stylesheets/dossiers_table.scss

@@ -5,7 +5,6 @@
   font-size: 14px;
 
   th {
-    vertical-align: top;
     padding: (2 * $default-spacer) $default-spacer;
   }
 
@@ -54,7 +53,7 @@
     white-space: nowrap;
   }
 
-  .folder-col {
+  .text-center {
     text-align: center;
   }
 

app/assets/stylesheets/table.scss

@@ -55,3 +55,13 @@
 .force-table-100 {
   width: calc(100vw);
 }
+
+.fr-table--bordered {
+  .table {
+    &.hoverable {
+      tbody tr:hover {
+        background: $white;
+      }
+    }
+  }
+}

app/views/instructeurs/procedures/deleted_dossiers.html.haml

@@ -45,7 +45,7 @@
         %tbody
           - @deleted_dossiers.each do |deleted_dossier|
             %tr
-              %td.folder-col
+              %td.text-center
                 %span.icon.folder
               %td.number-col
                 = deleted_dossier.dossier_id
@@ -56,4 +56,3 @@
       = paginate @deleted_dossiers
     - else
       Aucun dossier supprimé
-

app/views/instructeurs/procedures/show.html.haml

@@ -78,15 +78,15 @@
         .flex
           .flex-grow= render batch_operation_component
         .fr-table.fr-table--bordered
-          %table.dossiers-table
+          %table.table.dossiers-table.hoverable
             %thead
               %tr
                 - if batch_operation_component.render?
-                  %th
+                  %th.text-center
                     %input{ type: "checkbox", data: { "batch-operation-target" => "all","action" => "batch-operation#onCheckAll"}, id: dom_id(BatchOperation.new, :checkbox_all), aria: { title: t('views.instructeurs.dossiers.select_all') } }
                 - else
                   - if @statut.in? %w(suivis traites tous)
-                    = render partial: "header_field", locals: { field: { "label" => "●", "table" => "notifications", "column" => "notifications" }, classname: "notification-col" }
+                    = render partial: "header_field", locals: { field: { "label" => "●", "table" => "notifications", "column" => "notifications" }, classname: "notification-col text-center" }
                   - else
                     %th.notification-col
 
@@ -117,7 +117,7 @@
               - @projected_dossiers.each do |p|
                 - path = instructeur_dossier_path(@procedure, p.dossier_id)
                 %tr{ class: [p.hidden_by_user_at.present? && "file-hidden-by-user"] }
-                  %td.folder-col
+                  %td.text-center
                     - if batch_operation_component.render?
                       - if p.batch_operation_id.present?
                         = check_box_tag :"batch_operation[dossier_ids][]", p.dossier_id, true, disabled: true, id: dom_id(BatchOperation.new, "checkbox_#{p.dossier_id}")

app/views/recherche/_hidden_dossier.html.haml

@@ -1,4 +1,4 @@
-%td.folder-col
+%td.text-center
   %p.cell-link
     %span.icon.folder
 

app/views/recherche/index.html.haml

@@ -32,7 +32,7 @@
 
           %tr{ class: [p.hidden_by_administration_at.present? && "file-hidden-by-user"] }
             - if instructeur_and_expert_dossier
-              %td.folder-col.cell-link
+              %td.text-center.cell-link
                 %span.icon.folder
               %td.number-col
                 .cell-link= p.dossier_id
@@ -48,7 +48,7 @@
 
             - else
 
-              %td.folder-col
+              %td.text-center
                 %a.cell-link{ href: path }
                   %span.icon.folder