From 4c255c750130ca989dc2adc1a18ce19748c71413 Mon Sep 17 00:00:00 2001
From: "Simon Genin (ges)" <ges@odoo.com>
Date: Fri, 30 Sep 2022 12:34:28 +0000
Subject: [PATCH] [IMP] web: improve copy clipboard design

closes odoo/odoo#101836

X-original-commit: e04afa1836563113402647cf05d957ff7d093d26
Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
Signed-off-by: Simon Genin (ges@odoo) <ges@odoo.com>
---
 .../src/views/fields/copy_clipboard/copy_clipboard_field.js     | 2 +-
 .../src/views/fields/copy_clipboard/copy_clipboard_field.scss   | 2 ++
 .../src/views/fields/copy_clipboard/copy_clipboard_field.xml    | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.js b/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.js
index 88fd417e536..e5781cbca86 100644
--- a/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.js
+++ b/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.js
@@ -28,7 +28,7 @@ CopyClipboardField.props = {
 export class CopyClipboardButtonField extends CopyClipboardField {
     get copyButtonClassName() {
         const classNames = [super.copyButtonClassName];
-        classNames.push("rounded-3");
+        classNames.push("rounded-2");
         return classNames.join(" ");
     }
 }
diff --git a/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.scss b/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.scss
index 7913e1e130d..511432169ea 100644
--- a/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.scss
+++ b/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.scss
@@ -7,6 +7,8 @@
         font-weight: $badge-font-weight;
 
         > span:first-child, a {
+            margin-left: 4px;
+            margin-right: 4px;
             align-self: center;
             text-align: center;
 
diff --git a/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.xml b/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.xml
index 823d5ed8c7e..d3640d07ee6 100644
--- a/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.xml
+++ b/addons/web/static/src/views/fields/copy_clipboard/copy_clipboard_field.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="web.CopyClipboardField" owl="1">
-        <div t-if="props.value" class="d-grid rounded-3 overflow-hidden">
+        <div t-if="props.value" class="d-grid rounded-2 overflow-hidden">
             <Field t-props="props"/>
             <CopyButton className="copyButtonClassName" content="props.value" copyText="copyText" successText="successText"/>
         </div>