From f1ac7e87009c6cd90fd847129968e8304f09af61 Mon Sep 17 00:00:00 2001
From: tower1229 <tower1229@foxmail.com>
Date: Mon, 18 Nov 2024 15:02:08 +0800
Subject: [PATCH] refactor(verifier): improve layout of Twitter icon on
 UserCard

- Wrap Twitter icon in a flex container for better alignment
- Add gap between elements for improved spacing
---
 src/app/sign/verifier/UserCard.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/app/sign/verifier/UserCard.tsx b/src/app/sign/verifier/UserCard.tsx
index d43184a..e0f14d4 100644
--- a/src/app/sign/verifier/UserCard.tsx
+++ b/src/app/sign/verifier/UserCard.tsx
@@ -61,16 +61,18 @@ export default function UserCard(props: {
             }
           </div>
 
-          {hasBindTwitter ? (
-            <a
-              className="border-none bg-gray-600 btn btn-circle btn-xs"
-              onClick={() =>
-                window.open(`https://twitter.com/${hasBindTwitter}`)
-              }
-            >
-              <XIcon />
-            </a>
-          ) : null}
+          <div className="flex w-full gap-2">
+            {hasBindTwitter ? (
+              <a
+                className="border-none bg-gray-600 btn btn-circle btn-xs"
+                onClick={() =>
+                  window.open(`https://twitter.com/${hasBindTwitter}`)
+                }
+              >
+                <XIcon />
+              </a>
+            ) : null}
+          </div>
         </div>
       </div>
     </div>