From 25f0341a2d3fb176908048331a6b8bbd3906c37a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20K=C3=BChn?= <aku@odoo.com>
Date: Tue, 4 Jul 2023 12:44:16 +0000
Subject: [PATCH] [FIX] mail: navigable list loading with gap between icon and
 label
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before this commit, when navigable list is loading data of
suggestions, the showing of "loading..." had label and icon
next to each other without any gap.

This commit adds a small gap between icon and label, so it looks
nicer.

closes odoo/odoo#127304

X-original-commit: 0aaab95cd39c50d9320dbec0417773497ebc0fcc
Signed-off-by: Matthieu Stockbauer (tsm) <tsm@odoo.com>
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 addons/mail/static/src/core/common/navigable_list.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/mail/static/src/core/common/navigable_list.xml b/addons/mail/static/src/core/common/navigable_list.xml
index 2b359c18544..4f40ae12f75 100644
--- a/addons/mail/static/src/core/common/navigable_list.xml
+++ b/addons/mail/static/src/core/common/navigable_list.xml
@@ -5,7 +5,7 @@
         <div class="o-mail-NavigableList bg-white m-0 p-0" t-ref="root" t-att-class="props.class">
             <div t-if="show" class="o-open border" t-on-mousedown.prevent="">
                 <div t-if="state.isLoading" class="o-mail-NavigableList-item">
-                    <a href="#" class="d-flex align-items-center w-100 py-2 px-4">
+                    <a href="#" class="d-flex align-items-center w-100 py-2 px-4 gap-1">
                         <i class="fa fa-spin fa-circle-o-notch"/>
                         <t t-esc="props.placeholder"/>
                     </a>