views: fix Safari stretching logos in admin procedures list

app/assets/stylesheets/new_design/admin-procedures-list.scss

@@ -2,3 +2,10 @@
 .admin-procedures-list-timestamps {
   margin-left: auto;
 }
+
+// Fix a Safari flexbox bug where the inner procedure logo
+// would stretch the container vertically.
+// See https://stackoverflow.com/questions/57516373/image-stretching-in-flexbox-in-safari
+.admin-procedures-list-row.infos {
+  align-items: flex-start;
+}

app/views/new_administrateur/procedures/_procedures_list.html.haml

@@ -1,6 +1,6 @@
 - procedures.each do |procedure|
   .card
-    .flex
+    .admin-procedures-list-row.infos.flex
       - if procedure.logo.present?
         = image_tag procedure.logo, alt: procedure.libelle, width: '100'
       .flex.column.ml-1
@@ -16,7 +16,7 @@
         - if procedure.closed_at.present?
           %p.notice archivée le #{procedure.closed_at.strftime('%d/%m/%Y')}
 
-    .flex.justify-between
+    .admin-procedures-list-row.actions.flex.justify-between
       %div
         - if feature_enabled?(:administrateur_routage)
           %span.icon.person