From 96bef7ff1d1a2bf076b5bb2ab9fe0dcb38188563 Mon Sep 17 00:00:00 2001
From: Rankin Zheng <runjin@merico.dev>
Date: Fri, 4 Aug 2023 11:07:55 +0800
Subject: [PATCH] Adjust margin in MessageHeader component

- Added marginRight of 10px to the container holding the ActionIcon in MessageHeader.
- Also applied marginRight of 10px to the ActionIcon itself for consistent spacing.
---
 src/views/components/MessageHeader/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/components/MessageHeader/index.tsx b/src/views/components/MessageHeader/index.tsx
index a4990c9..7fcd0c9 100644
--- a/src/views/components/MessageHeader/index.tsx
+++ b/src/views/components/MessageHeader/index.tsx
@@ -52,7 +52,7 @@ const MessageHeader = (props: any) => {
                 align="center"
                 direction="row"
                 wrap="wrap"
-                style={{ marginLeft: 'auto' }}>
+                style={{ marginLeft: 'auto', marginRight: '10px' }}>
                 <Tooltip sx={{ padding: '3px', fontSize: 'var(--vscode-editor-font-size)' }} label={done ? 'Refilled' : 'Refill prompt'} withArrow position="left" color="gray">
                     <ActionIcon size='sm'
                         onClick={() => {
@@ -89,7 +89,7 @@ const MessageHeader = (props: any) => {
             : <CopyButton value={message} timeout={2000}>
                 {({ copied, copy }) => (
                     <Tooltip sx={{ padding: '3px', fontSize: 'var(--vscode-editor-font-size)' }} label={copied ? 'Copied' : 'Copy message'} withArrow position="left" color="gray">
-                        <ActionIcon size='xs' color={copied ? 'teal' : 'gray'} onClick={copy} style={{ marginLeft: 'auto' }}>
+                        <ActionIcon size='xs' color={copied ? 'teal' : 'gray'} onClick={copy} style={{ marginLeft: 'auto', marginRight: '10px' }}>
                             {copied ? <IconCheck size="1rem" /> : <IconCopy size="1rem" />}
                         </ActionIcon>
                     </Tooltip>