From 163c19769528492e6d63a3f6481de9e7e0cc96a9 Mon Sep 17 00:00:00 2001
From: Jahkamso <79403916+Jahkamso@users.noreply.github.com>
Date: Thu, 11 Jan 2024 01:36:42 +0100
Subject: [PATCH] added transition to search btn, some padding to footer on
 mobile device and feat(slang): added y (#405)

---
 public/server/db/y.json   | 3 +++
 src/components/footer.jsx | 2 +-
 src/components/form.jsx   | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 public/server/db/y.json

diff --git a/public/server/db/y.json b/public/server/db/y.json
new file mode 100644
index 00000000..acfb78f9
--- /dev/null
+++ b/public/server/db/y.json
@@ -0,0 +1,3 @@
+{
+  "definition": "Why"
+}
diff --git a/src/components/footer.jsx b/src/components/footer.jsx
index fb04b02c..532299e4 100644
--- a/src/components/footer.jsx
+++ b/src/components/footer.jsx
@@ -1,7 +1,7 @@
 const Footer = () => {
   return (
     <footer>
-      <div className="bottom-0 text-center p-2 bg-dark">
+      <div className="bottom-0 text-center p-4 bg-dark md:p-2">
         <p className="text-sm mt-5 text-ash">
           Found something odd?{" "}
           <a href="https://github.com/Njong392/Abbreve">
diff --git a/src/components/form.jsx b/src/components/form.jsx
index 916fdd42..185d7a8a 100644
--- a/src/components/form.jsx
+++ b/src/components/form.jsx
@@ -115,7 +115,7 @@ const Form = () => {
             <button
               onClick={fetchData}
               disabled={isLoading || !hasUserInputChanged}
-              className="bg-deeppurple text-ash font-bold rounded-xl hover:scale-110 p-2 mt-4 md:mt-0 items-center flex justify-center h-[50px] min-w-[100px] w-full md:w-auto">
+              className="bg-deeppurple text-ash font-bold rounded-xl hover:scale-110 p-2 mt-4 md:mt-0 items-center flex justify-center h-[50px] min-w-[100px] w-full transition-all cursor-pointer md:w-auto">
               {isLoading ? <LoadingSpinner /> : "Search"}
             </button>
           </form>