From 4ccb2b22881058d1a129f8b7a4a2b07b8e1c4b29 Mon Sep 17 00:00:00 2001
From: Mudipa Kishan <mudipakishanimayanga@gmail.com>
Date: Thu, 23 Apr 2026 21:22:41 +0530
Subject: [PATCH] update :Apply submit button animation to reset and swap
 buttons

---
 components/compare-form.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/compare-form.tsx b/components/compare-form.tsx
index 91e2db9..cc79df4 100644
--- a/components/compare-form.tsx
+++ b/components/compare-form.tsx
@@ -70,13 +70,13 @@ export function CompareForm({
             <input
               className="h-11 rounded-lg border border-input bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/60 focus:border-transparent"
               ref={firstInputRef}
-              placeholder={t("form.username1") }
+              placeholder={t("form.username1")}
               value={username1}
               onChange={(e) => setUsername1(e.target.value)}
             />
             <input
               className="h-11 rounded-lg border border-input bg-background px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/60 focus:border-transparent"
-              placeholder={t("form.username2") }
+              placeholder={t("form.username2")}
               value={username2}
               onChange={(e) => setUsername2(e.target.value)}
             />
@@ -97,6 +97,7 @@ export function CompareForm({
                   disabled={loading}
                   type="button"
                   title={t("form.swap")}
+                  className="shadow-sm transition-transform hover:-translate-y-0.5"
                 >
                   <ArrowLeftRight className="h-4 w-4" />
                 </Button>
@@ -105,6 +106,7 @@ export function CompareForm({
                   disabled={loading}
                   title={t("form.reset")}
                   type="button"
+                  className="shadow-sm transition-transform hover:-translate-y-0.5"
                 >
                   <RefreshCw className="h-4 w-4" />
                 </Button>