From 244e0c29e22d224f4d71d44bdbbb253512be2014 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 31 Dec 2023 13:30:14 +0700
Subject: [PATCH] field inputs gap fix

---
 .../src/components/common/TempInput/Input.scss     | 14 ++++++++++----
 .../src/components/common/TempInput/TempInput.tsx  |  2 +-
 .../src/components/common/TempSelect/Select.scss   |  8 ++++++--
 .../common/TempTextArea/TempTextArea.tsx           |  2 +-
 .../components/common/TempTextArea/TextArea.scss   | 14 ++++++++++----
 5 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/TempInput/Input.scss b/packages/fakeyou.com/src/components/common/TempInput/Input.scss
index 7dc777225f..ab021632e2 100644
--- a/packages/fakeyou.com/src/components/common/TempInput/Input.scss
+++ b/packages/fakeyou.com/src/components/common/TempInput/Input.scss
@@ -1,7 +1,13 @@
-input {
-  margin-bottom: 1rem !important;
+.fy-input {
+  input {
+    margin-bottom: 1rem;
 
-  :last-child {
-    margin-bottom: 0 !important;
+    :only-child {
+      margin-bottom: 0;
+    }
+
+    :last-child {
+      margin-bottom: 0;
+    }
   }
 }
diff --git a/packages/fakeyou.com/src/components/common/TempInput/TempInput.tsx b/packages/fakeyou.com/src/components/common/TempInput/TempInput.tsx
index a349db41b4..3623bf8766 100644
--- a/packages/fakeyou.com/src/components/common/TempInput/TempInput.tsx
+++ b/packages/fakeyou.com/src/components/common/TempInput/TempInput.tsx
@@ -24,7 +24,7 @@ export default function TempInput({
           {label}
         </label>
       )}
-      <div className={`${icon ? "input-icon" : ""}`}>
+      <div className={`fy-input ${icon ? "input-icon" : ""}`}>
         {icon && (
           <FontAwesomeIcon icon={icon} className="form-control-feedback" />
         )}
diff --git a/packages/fakeyou.com/src/components/common/TempSelect/Select.scss b/packages/fakeyou.com/src/components/common/TempSelect/Select.scss
index 94f46b688f..1f694a2eb5 100644
--- a/packages/fakeyou.com/src/components/common/TempSelect/Select.scss
+++ b/packages/fakeyou.com/src/components/common/TempSelect/Select.scss
@@ -1,7 +1,11 @@
 .fy-select {
-  margin-bottom: 1rem !important;
+  margin-bottom: 1rem;
+
+  :only-child {
+    margin-bottom: 0;
+  }
 
   :last-child {
-    margin-bottom: 0 !important;
+    margin-bottom: 0;
   }
 }
diff --git a/packages/fakeyou.com/src/components/common/TempTextArea/TempTextArea.tsx b/packages/fakeyou.com/src/components/common/TempTextArea/TempTextArea.tsx
index 0cdf919de2..139590124a 100644
--- a/packages/fakeyou.com/src/components/common/TempTextArea/TempTextArea.tsx
+++ b/packages/fakeyou.com/src/components/common/TempTextArea/TempTextArea.tsx
@@ -21,7 +21,7 @@ export default function TempTextArea({
           {label}
         </label>
       )}
-      <textarea className="form-control" {...rest} />
+      <textarea className="fy-textarea form-control" {...rest} />
     </>
   );
 }
diff --git a/packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss b/packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss
index 8789503d73..f835796ece 100644
--- a/packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss
+++ b/packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss
@@ -1,7 +1,13 @@
-textarea {
-  margin-bottom: 1rem !important;
+.fy-textarea {
+  &:textarea {
+    margin-bottom: 1rem;
 
-  :last-child {
-    margin-bottom: 0 !important;
+    :only-child {
+      margin-bottom: 0;
+    }
+
+    :last-child {
+      margin-bottom: 0;
+    }
   }
 }