From a13ac674beb917f48d67bd29b60c43e94e3aea96 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 20 Dec 2025 20:29:56 +0000
Subject: [PATCH] fix: share buttons webkit issues and formatted description
 changes

---
 src/components/description.tsx      | 10 +++++-----
 src/components/share-mii-button.tsx |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/description.tsx b/src/components/description.tsx
index a55a268..591bde2 100644
--- a/src/components/description.tsx
+++ b/src/components/description.tsx
@@ -39,9 +39,9 @@ export default function Description({ text, className }: Props) {
 							<Link
 								key={index}
 								href={`/mii/${id}`}
-								className="inline-flex items-center align-top gap-1.5 pr-2 bg-amber-100 border border-amber-400 rounded-lg mx-1 text-amber-800 text-sm -mt-2"
+								className="inline-flex items-center align-bottom gap-1.5 pr-2 bg-amber-100 border border-amber-400 rounded-lg mx-1 text-amber-800 text-xs"
 							>
-								<Image src={`/mii/${id}/image?type=mii`} alt="mii" width={32} height={32} className="bg-white rounded-lg border-r border-amber-400" />
+								<Image src={`/mii/${id}/image?type=mii`} alt="mii" width={24} height={24} className="bg-white rounded-lg border-r border-amber-400" />
 								{linkedMii.name}
 							</Link>
 						);
@@ -61,12 +61,12 @@ export default function Description({ text, className }: Props) {
 							<Link
 								key={index}
 								href={`/profile/${id}`}
-								className="inline-flex items-center align-top gap-1.5 pr-2 bg-orange-100 border border-orange-400 rounded-lg mx-1 text-orange-800 text-sm -mt-2"
+								className="inline-flex items-center align-bottom gap-1.5 pr-2 bg-orange-100 border border-orange-400 rounded-lg mx-1 text-orange-800 text-xs"
 							>
 								<ProfilePicture
 									src={linkedProfile.image || "/guest.webp"}
-									width={32}
-									height={32}
+									width={24}
+									height={24}
 									className="bg-white rounded-lg border-r border-orange-400"
 								/>
 								{linkedProfile.name}
diff --git a/src/components/share-mii-button.tsx b/src/components/share-mii-button.tsx
index 943fb2a..d10693a 100644
--- a/src/components/share-mii-button.tsx
+++ b/src/components/share-mii-button.tsx
@@ -139,7 +139,7 @@ export default function ShareMiiButton({ miiId }: Props) {
 									{/* Save button */}
 									<a
 										href={`/mii/${miiId}/image?type=metadata`}
-										className="pill button p-0! aspect-square cursor-pointer text-xl"
+										className="pill button p-0! aspect-square size-11 cursor-pointer text-xl"
 										aria-label="Save Image"
 										data-tooltip="Save Image"
 										download={"hello.png"}
@@ -149,7 +149,7 @@ export default function ShareMiiButton({ miiId }: Props) {
 
 									{/* Copy button */}
 									<button
-										className="pill button p-0! aspect-square cursor-pointer"
+										className="pill button p-0! aspect-square size-11 cursor-pointer"
 										aria-label="Copy Image"
 										data-tooltip={hasCopiedImage ? "Copied!" : "Copy Image"}
 										onClick={handleCopyImage}