From 062fbb2c8d4a3b923d1cd9a52ca31157890145dd Mon Sep 17 00:00:00 2001
From: "Shaan Thakkar (THSH)" <thsh@odoo.com>
Date: Tue, 5 Dec 2023 15:13:56 +0530
Subject: [PATCH] [FIX] portal_rating: fix avatar size and spacing

Steps to Reproduce
===================
1. Open any course
2. Go to the review tab
3. Tap on the comment button.
-> Currently the avatar image is a bit messy

Technical Reason
=================
This issue occurred after the portal redesign
https://github.com/odoo/odoo/commit/df8535fbd40e1e5c09dbe616a3332c76c23525c8

After this commit
==================
The Avatar image is well-ordered.

Task-3625896

closes odoo/odoo#146092

Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
---
 addons/portal_rating/static/src/xml/portal_chatter.xml | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/addons/portal_rating/static/src/xml/portal_chatter.xml b/addons/portal_rating/static/src/xml/portal_chatter.xml
index 41f5c4f3406..824cc0cd6fc 100644
--- a/addons/portal_rating/static/src/xml/portal_chatter.xml
+++ b/addons/portal_rating/static/src/xml/portal_chatter.xml
@@ -71,8 +71,8 @@
     </t>
 
     <t t-name="portal_rating.chatter_rating_publisher_comment">
-        <div class="d-flex o_portal_chatter_message">
-            <img class="o_portal_chatter_avatar" t-att-src="rating.publisher_avatar" alt="avatar"/>
+        <div class="d-flex o_portal_chatter_message gap-2">
+            <img class="o_avatar o_portal_chatter_avatar" t-att-src="rating.publisher_avatar" alt="avatar"/>
             <div class="flex-grow-1">
                 <div class="o_portal_chatter_message_title">
                     <div class="d-inline-block">
@@ -98,15 +98,15 @@
         </div>
     </t>
     <t t-name="portal_rating.chatter_rating_publisher_form">
-        <div t-if="is_publisher" class="d-flex o_portal_chatter_message shadow bg-white rounded px-3 py-3 my-1">
-            <img class="o_portal_chatter_avatar" t-att-src="rating.publisher_avatar" alt="avatar"/>
+        <div t-if="is_publisher" class="d-flex o_portal_chatter_message shadow bg-white rounded px-3 py-3 my-1 gap-2">
+            <img class="o_avatar o_portal_chatter_avatar" t-att-src="rating.publisher_avatar" alt="avatar"/>
             <div class="flex-grow-1">
                 <div class="o_portal_chatter_message_title">
                     <h5 class='mb-1'><t t-esc="rating.publisher_name"/></h5>
                 </div>
                 <textarea rows="3" class="form-control o_portal_rating_comment_input"><t t-esc="rating.publisher_comment"/></textarea>
                 <div>
-                    <button class="btn btn-primary mt-2 o_wrating_js_publisher_comment_submit" t-att-data-mes_index="rating.mes_index">
+                    <button class="btn btn-primary mt-2 o_wrating_js_publisher_comment_submit me-1" t-att-data-mes_index="rating.mes_index">
                         <t t-if="rating.publisher_comment === ''">
                             Post comment
                         </t><t t-else="">