Fix share button position (#5470)

* fix share button position * add changeset * top padding --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Sep 11, 2023 · a4e010a · a4e010a
1 parent b271e73
commit a4e010a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/.changeset/tricky-rabbits-glow.md b/.changeset/tricky-rabbits-glow.md
@@ -0,0 +1,6 @@
+---
+"@gradio/chatbot": patch
+"gradio": patch
+---
+
+fix:Fix share button position
diff --git a/js/chatbot/static/ChatBot.svelte b/js/chatbot/static/ChatBot.svelte
@@ -96,7 +96,7 @@
 </script>
 
 {#if show_share_button && value !== null && value.length > 0}
-	<div class="icon-button">
+	<div class="share-button">
 		<ShareButton
 			on:error
 			on:share
@@ -157,7 +157,7 @@
 								{/if}
 
 								{#if show_copy_button && message && typeof message === "string"}
-									<div class="icon-button">
+									<div class="copy-button">
 										<Copy value={message} />
 									</div>
 								{/if}
@@ -347,10 +347,15 @@
 	.message-buttons-fit {
 		margin-right: 0px;
 	}
-	.icon-button {
+	.copy-button {
 		margin-top: -10px;
 		margin-bottom: -10px;
 	}
+	.share-button {
+		position: absolute;
+		top: 4px;
+		right: 6px;
+	}
 	.like {
 		display: flex;
 		height: var(--size-8);