fix padding

Author: chloebyun-wd

dist/web.js

@@ -272,6 +272,11 @@ textarea {
   stroke: var(--chatbot-button-color);
 }
 
+.regenerate-response-button > .icon-tabler-refresh {
+  width: 16px;
+  height: 16px;
+}
+
 .chatbot-chat-view {
   max-width: 800px;
 }

dist/web.umd.js

@@ -582,7 +582,7 @@ export const BotBubble = (props: Props) => {
           </Show>
           {props.chatFeedbackStatus && props.message.messageId && (
             <>
-              <RegenerateResponseButton feedbackColor={props.feedbackColor} onClick={() => props.onRegenerateResponse?.()} />
+              <RegenerateResponseButton class="regenerate-response-button" feedbackColor={props.feedbackColor} onClick={() => props.onRegenerateResponse?.()} />
               <CopyToClipboardButton feedbackColor={props.feedbackColor} onClick={() => copyMessageToClipboard()} />
               <Show when={copiedMessage()}>
                 <div class="copied-message" style={{ color: props.feedbackColor ?? defaultFeedbackColor }}>

src/assets/index.css

@@ -78,7 +78,7 @@ export const RegenerateResponseButton = (props: RatingButtonProps) => {
       disabled={props.isDisabled || props.isLoading}
       {...props}
       class={
-        'w-4 h-4 p-0 justify-center font-semibold text-white focus:outline-none inline-flex items-center disabled:opacity-50 disabled:cursor-not-allowed disabled:brightness-100 transition-all filter hover:brightness-90 active:brightness-75 chatbot-button ' +
+        'p-2 justify-center font-semibold text-white focus:outline-none flex items-center disabled:opacity-50 disabled:cursor-not-allowed disabled:brightness-100 transition-all filter hover:brightness-90 active:brightness-75 chatbot-button ' +
         props.class
       }
       style={{ background: 'transparent', border: 'none' }}