[FIX] mail: preview image distorted on mobile

This commit fix the o_mail_preview_image css by applying the same
rules as desktop.

Task ID: 2200099

closes odoo/odoo#46328

X-original-commit: f4a106c7fa5ba21bba2811d5c51cbf5bf57f4dc9
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>

addons/mail/static/src/scss/discuss.scss

@@ -358,6 +358,9 @@
         align-items: center;
         flex: 0 0 auto;
         position: relative;
+        width: 40px;
+        height: 40px;
+        object-fit: cover;
         > img {
             max-width: 100%;
             max-height: 100%;
@@ -446,10 +449,6 @@
     .o_mail_preview {
         padding: $o-mail-chatter-mobile-gap;
 
-        .o_mail_preview_image:not(img) {
-            width: $o-mail-chatter-mobile-gap*6;
-        }
-
         .o_preview_info, .o_last_message_date {
             margin-left: $o-mail-chatter-mobile-gap;
         }

addons/mail/static/src/scss/systray.scss

@@ -72,14 +72,8 @@
                 .o_mail_preview {
                     min-height: 50px;
                     padding: 5px;
-                    .o_mail_preview_image {
-                        width: 40px;
-                        height: 40px;
-                        object-fit: cover;
-
-                        .fa-circle-o {
-                            display: none;
-                        }
+                    .o_mail_preview_image .fa-circle-o {
+                        display: none;
                     }
                     .o_preview_info {
                         margin-left: 10px;