more gap updates and label padding

packages/fakeyou.com/src/components/common/TempInput/Input.scss

@@ -1,8 +1,12 @@
 .fy-input {
-  margin-bottom: 1.25rem;
+  margin-bottom: 1rem !important;
 
   &:only-child,
   &:last-child {
-    margin-bottom: 0;
+    margin-bottom: 0 !important;
   }
 }
+
+.d-flex:not(.flex-column) > .fy-input {
+  margin-bottom: 0 !important;
+}

packages/fakeyou.com/src/components/common/TempSelect/Select.scss

@@ -1,8 +1,12 @@
 .fy-select {
-  margin-bottom: 1.25rem;
+  margin-bottom: 1rem !important;
 
   &:only-child,
   &:last-child {
-    margin-bottom: 0;
+    margin-bottom: 0 !important;
   }
 }
+
+.d-flex:not(.flex-column) > .fy-select {
+  margin-bottom: 0 !important;
+}

packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss

@@ -1,8 +1,12 @@
 .fy-textarea {
-  margin-bottom: 1.25rem;
+  margin-bottom: 1rem !important;
 
   &:only-child,
   &:last-child {
-    margin-bottom: 0;
+    margin-bottom: 0 !important;
   }
 }
+
+.d-flex:not(.flex-column) > .fy-textarea {
+  margin-bottom: 0 !important;
+}

packages/fakeyou.com/src/scss/site-refresh.scss

@@ -408,7 +408,7 @@ styles with important tags:
 
   .sub-title {
     font-weight: 500;
-    padding-bottom: 10px;
+    padding-bottom: 0.5rem;
   }
 
   .form-select {

packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx

@@ -1,9 +1,8 @@
 import React from "react";
 // import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 // import { Button } from "components/common";
-import Input from "components/common/Input";
 // import useVoiceDetailsStore from "hooks/useVoiceDetailsStore/";
-import Select from "components/common/TempSelect";
+import { TempInput, TempSelect } from "components/common";
 
 export const SearchFieldClass = {
   control: (state: any) =>
@@ -27,8 +26,9 @@ function VoiceDetails({ datasetInputs }: { datasetInputs: any }) {
     <div>
       {datasetInputs.map(
         ({ type = "", options = [], ...props }, key: number) => {
-          if (type === "text") return <Input {...{ ...props, key }} />;
-          else return <Select {...{ ...props, classNames, key, options }} />;
+          if (type === "text") return <TempInput {...{ ...props, key }} />;
+          else
+            return <TempSelect {...{ ...props, classNames, key, options }} />;
         }
       )}
     </div>