diff --git a/src/components/applyComponents/careersComponent/CareersComponent.styled.ts b/src/components/applyComponents/careersComponent/CareersComponent.styled.ts index 840242e4..f855b317 100644 --- a/src/components/applyComponents/careersComponent/CareersComponent.styled.ts +++ b/src/components/applyComponents/careersComponent/CareersComponent.styled.ts @@ -12,7 +12,7 @@ export const CareerContainer = styled.div` margin-bottom: 10px; @media screen and ${({ theme }) => theme.mediaQuery.tablet} { - flex-direction: column; + display: flex; gap: 10px; } `; diff --git a/src/components/applyComponents/careersComponent/careersInputComponent/CareersComponentInput.styled.ts b/src/components/applyComponents/careersComponent/careersInputComponent/CareersComponentInput.styled.ts index e35ac694..f9d89e81 100644 --- a/src/components/applyComponents/careersComponent/careersInputComponent/CareersComponentInput.styled.ts +++ b/src/components/applyComponents/careersComponent/careersInputComponent/CareersComponentInput.styled.ts @@ -15,46 +15,21 @@ export const CareerInput = styled.input` padding: 10px; font-size: 16px; - &:focus { - outline: none; - border-color: #888; - } - - &:nth-child(1) { + &:nth-child(1), + &:nth-child(4) { flex: 2; font-size: ${({ theme }) => theme.heading.small.fontSize}; } - &:nth-child(2) { - ${basicStyle} - ${dateStyle} - } - + &:nth-child(2), &:nth-child(3) { - ${basicStyle} ${dateStyle} } - &:nth-child(4) { - flex: 2; - font-size: ${({ theme }) => theme.heading.small.fontSize}; - } - @media screen and ${({ theme }) => theme.mediaQuery.tablet} { - flex: 1; - margin-bottom: 10px; - - &:nth-child(1), - &:nth-child(4) { - width: 60%; - flex: 1; - } - - &:nth-child(2), - &:nth-child(3) { - width: 20%; - flex: 1; - } + width: 100%; + margin-bottom: 12px; + font-size: 14px; } `;