From 3d44eb38d065c869d07bb7a8ac679929e4356404 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Mon, 22 May 2023 12:19:37 +0000
Subject: [PATCH] [FIX] web: binary_field: space between buttons

Prior to this commit, the buttons in `binary_field` didn't have space
between them.

This commit fixes this issue.

task-3334887
Part of task-3326263

closes odoo/odoo#125261

X-original-commit: 998f8cc8d096df9e2099df59bb35148f56c88533
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
---
 .../src/views/fields/binary/binary_field.xml  | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/addons/web/static/src/views/fields/binary/binary_field.xml b/addons/web/static/src/views/fields/binary/binary_field.xml
index 02eddd78303..92b9adeaee3 100644
--- a/addons/web/static/src/views/fields/binary/binary_field.xml
+++ b/addons/web/static/src/views/fields/binary/binary_field.xml
@@ -4,33 +4,39 @@
     <t t-name="web.BinaryField" owl="1">
         <t t-if="!props.readonly">
             <t t-if="props.record.data[props.name]">
-                <div class="w-100 d-inline-flex">
+                <div class="w-100 d-inline-flex gap-1">
                     <FileUploader
                         acceptedFileExtensions="props.acceptedFileExtensions"
                         onUploaded.bind="update"
                     >
                         <t t-if="props.record.resId">
                             <button
-                                class="btn btn-secondary fa fa-download"
+                                class="btn btn-secondary btn-sm lh-1"
                                 data-tooltip="Download"
                                 aria-label="Download"
                                 t-on-click="onFileDownload"
-                            />
+                            >
+                                <i class="fa fa-fw fa-download"/>
+                            </button>
                         </t>
                         <t t-set-slot="toggler">
                             <input type="text" class="o_input" t-att-value="fileName" readonly="readonly" />
                             <button
-                                class="btn btn-secondary fa fa-pencil o_select_file_button"
+                                class="btn btn-secondary btn-sm lh-1 o_select_file_button"
                                 data-tooltip="Edit"
                                 aria-label="Edit"
-                            />
+                            >
+                                <i class="fa fa-fw fa-pencil"/>
+                            </button>
                         </t>
                         <button
-                            class="btn btn-secondary fa fa-trash o_clear_file_button"
+                            class="btn btn-secondary btn-sm lh-1 o_clear_file_button"
                             data-tooltip="Clear"
                             aria-label="Clear"
                             t-on-click="() => this.update({})"
-                        />
+                        >
+                            <i class="fa fa-fw fa-trash"/>
+                        </button>
                     </FileUploader>
                 </div>
             </t>