diff --git a/packages/fakeyou.com/src/components/common/TempInput/Input.scss b/packages/fakeyou.com/src/components/common/TempInput/Input.scss index 541e8b4e20..f72a4fbf6a 100644 --- a/packages/fakeyou.com/src/components/common/TempInput/Input.scss +++ b/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; +} diff --git a/packages/fakeyou.com/src/components/common/TempSelect/Select.scss b/packages/fakeyou.com/src/components/common/TempSelect/Select.scss index 786dc1b99a..cc05364a2b 100644 --- a/packages/fakeyou.com/src/components/common/TempSelect/Select.scss +++ b/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; +} diff --git a/packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss b/packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss index 454e88dda8..520d02bb21 100644 --- a/packages/fakeyou.com/src/components/common/TempTextArea/TextArea.scss +++ b/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; +} diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss index a95eaaec16..b0bcdb78e8 100644 --- a/packages/fakeyou.com/src/scss/site-refresh.scss +++ b/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 { diff --git a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx b/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx index 1848d35445..51875c6c88 100644 --- a/packages/fakeyou.com/src/v2/view/pages/voice_designer/components/steps/VoiceDetails.tsx +++ b/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 }) {