diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx
index edb194ea..e1bdef76 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx
@@ -64,6 +64,7 @@ class Section extends React.Component {
left: '0',
transform: 'translateX(0)'
}}
+ inputClassName={styles.resumeFormItem}
wrapperClassName={cx(styles.input_group, styles.single_input)}
onChange={handleChange('title')}
>
@@ -90,6 +91,7 @@ class Section extends React.Component {
margin: 0
}}
theme="underline"
+ className={styles.resumeFormItem}
/>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx
index e16ab6b5..47cbc6b5 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx
@@ -1,5 +1,6 @@
import React from 'react';
+import cx from 'classnames';
import { Input, IconButton, SelectorV2 } from 'light-ui';
import WritableList from 'COMPONENTS/WritableList';
import DateSlider from 'COMPONENTS/DateSlider'
@@ -85,8 +86,8 @@ class Education extends React.Component {
value={school}
disabled={disabled}
placeholder={resumeTexts.school}
- className={styles.single_input}
onChange={handleChange('school')}
+ className={cx(styles.single_input, styles.resumeFormItem)}
/>
@@ -96,6 +97,7 @@ class Education extends React.Component {
disabled={disabled}
placeholder={resumeTexts.major}
onChange={handleChange('major')}
+ className={styles.resumeFormItem}
/>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx
index 5c07e422..db516491 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx
@@ -61,6 +61,7 @@ class Info extends React.Component {
value={name}
disabled={disabled}
placeholder={resumeTexts.name}
+ className={styles.resumeFormItem}
onChange={this.handleInfoChange('name')}
/>
@@ -113,6 +117,7 @@ class Info extends React.Component {
theme="flat"
value={intention}
disabled={disabled}
+ className={styles.resumeFormItem}
placeholder={resumeTexts.job}
onChange={this.handleInfoChange('intention')}
/>
@@ -120,6 +125,7 @@ class Info extends React.Component {
theme="flat"
value={location}
disabled={disabled}
+ className={styles.resumeFormItem}
placeholder={resumeTexts.position}
onChange={this.handleInfoChange('location')}
/>
@@ -132,6 +138,7 @@ class Info extends React.Component {
version="v2"
disabled={disabled}
checked={freshGraduate}
+ className={styles.resumeFormItem}
onChange={this.handleResumeTypeChange}
/>
@@ -143,6 +150,7 @@ class Info extends React.Component {
version="v2"
disabled={disabled}
checked={hireAvailable}
+ className={styles.resumeFormItem}
onChange={this.handleAvailableChange}
/>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx
index 891ac962..bb018799 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx
@@ -96,6 +96,7 @@ class Others extends React.Component {
type="number"
disabled={disabled}
value={expectSalary}
+ className={styles.resumeFormItem}
placeholder={resumeTexts.expectSalary}
onChange={this.handleOthersChange('expectSalary')}
/>
@@ -103,6 +104,7 @@ class Others extends React.Component {
theme="flat"
disabled={disabled}
value={expectLocation}
+ className={styles.resumeFormItem}
placeholder={resumeTexts.expectCity}
onChange={this.handleOthersChange('expectLocation')}
/>
@@ -112,6 +114,7 @@ class Others extends React.Component {
theme="flat"
value={dream}
disabled={disabled}
+ className={styles.resumeFormItem}
placeholder={resumeTexts.yourDream}
onChange={this.handleOthersChange('dream')}
/>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx
index 299b0fb6..1951e1be 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx
@@ -48,6 +48,7 @@ class PersonalProjects extends React.Component {
left: '0',
transform: 'translateX(0)'
}}
+ inputClassName={styles.resumeFormItem}
wrapperClassName={cx(styles.input_group, styles.single_input)}
onChange={this.handleProjectChange(index)('title')}
>
@@ -74,6 +75,7 @@ class PersonalProjects extends React.Component {
margin: 0
}}
theme="underline"
+ className={styles.resumeFormItem}
/>
@@ -84,6 +86,7 @@ class PersonalProjects extends React.Component {
type="textarea"
disabled={disabled}
placeholder={resumeTexts.projectDesc}
+ className={styles.resumeFormItemImportant}
wordCountTemplate={resumeTexts.textareaWordCount}
onChange={this.handleProjectChange(index)('desc')}
/>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx
index e8d5e19b..a277544d 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx
@@ -1,4 +1,5 @@
import React from 'react';
+import cx from 'classnames';
import { IconButton, InputGroup, InputGroupV2, Input } from 'light-ui';
import DateSlider from 'COMPONENTS/DateSlider';
import WorkProject from './WorkProject';
@@ -74,7 +75,7 @@ class WorkExperience extends React.Component {
theme="flat"
value={company}
disabled={disabled}
- inputClassName={styles.inputGroup}
+ inputClassName={cx(styles.inputGroup, styles.resumeFormItem)}
wrapperClassName={styles.inputTipsoWrapper}
placeholder={resumeTexts.companyName}
onChange={handleExperienceChange('company')}
@@ -101,6 +102,7 @@ class WorkExperience extends React.Component {
margin: 0
}}
theme="underline"
+ className={styles.resumeFormItem}
/>
-