fix degree and employment form fields (#5034)

mitodl · Sep 17, 2021 · d2e389c · d2e389c
1 parent c76de51
commit d2e389c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/static/js/components/EducationForm.js b/static/js/components/EducationForm.js
@@ -408,7 +408,7 @@ class EducationForm extends ProfileFormFields {
             true
           )}
         </Grid>
-        <Grid item xs={4}>
+        <Grid item md={4} sm={6} xs={12}>
           <CountrySelectField
             stateKeySet={keySet("school_state_or_territory")}
             countryKeySet={keySet("school_country")}
@@ -418,7 +418,7 @@ class EducationForm extends ProfileFormFields {
             {...this.defaultInputComponentProps()}
           />
         </Grid>
-        <Grid item xs={4}>
+        <Grid item md={4} sm={6} xs={12}>
           <StateSelectField
             stateKeySet={keySet("school_state_or_territory")}
             countryKeySet={keySet("school_country")}
@@ -428,7 +428,7 @@ class EducationForm extends ProfileFormFields {
             {...this.defaultInputComponentProps()}
           />
         </Grid>
-        <Grid item xs={4} key="school_city">
+        <Grid item md={4} sm={6} xs={12} key="school_city">
           {/* eslint-disable-next-line no-invalid-this */}
           {this.boundTextField(keySet("school_city"), "City")}
         </Grid>

diff --git a/static/js/components/EmploymentForm.js b/static/js/components/EmploymentForm.js
@@ -135,23 +135,23 @@ class EmploymentForm extends ProfileFormFields {
         <Grid item xs={12}>
           {this.boundTextField(keySet("company_name"), "Name of Employer")}
         </Grid>
-        <Grid item xs={4}>
+        <Grid item md={4} sm={6} xs={12}>
           <CountrySelectField
             stateKeySet={keySet("state_or_territory")}
             countryKeySet={keySet("country")}
             label="Country"
             {...this.defaultInputComponentProps()}
           />
         </Grid>
-        <Grid item xs={4}>
+        <Grid item md={4} sm={6} xs={12}>
           <StateSelectField
             stateKeySet={keySet("state_or_territory")}
             countryKeySet={keySet("country")}
             label="State or Territory"
             {...this.defaultInputComponentProps()}
           />
         </Grid>
-        <Grid item xs={4}>
+        <Grid item md={4} sm={6} xs={12}>
           {this.boundTextField(keySet("city"), "City")}
         </Grid>
         <Grid item xs={12}>