diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 8f022af..7b88cc4 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -1,20 +1,20 @@
.cwhq-app {
- @import "./colors.scss";
- @import "./application.scss";
- @import "./quiz-scroll.scss";
- @import "./quiz-answer.scss";
- @import "./quiz-need-help.scss";
- @import "./quiz-bar-rank.scss";
- @import "./content.scss";
- @import "./social-pop-over.scss";
- @import "./casing.scss";
- @import "./cwhq-bar.scss";
- @import "./quiz-bar.scss";
- @import "./leaderboard-bar.scss";
- @import "./ballot-card.scss";
- @import "./ballot-modal.scss";
- @import "./buttons.scss";
- @import "./mobile-warning.scss";
+ @import './colors.scss';
+ @import './application.scss';
+ @import './quiz-scroll.scss';
+ @import './quiz-answer.scss';
+ @import './quiz-need-help.scss';
+ @import './quiz-bar-rank.scss';
+ @import './content.scss';
+ @import './social-pop-over.scss';
+ @import './casing.scss';
+ @import './cwhq-bar.scss';
+ @import './quiz-bar.scss';
+ @import './leaderboard-bar.scss';
+ @import './ballot-card.scss';
+ @import './ballot-modal.scss';
+ @import './buttons.scss';
+ @import './mobile-warning.scss';
.v-alert {
font-size: 20px;
@@ -22,6 +22,7 @@
.v-input {
font-size: 20px;
+ margin-bottom: 12px;
}
.v-messages {
@@ -35,3 +36,14 @@
}
}
}
+
+.v-form {
+ .v-select__slot {
+ padding-top: 10px;
+ }
+
+ label {
+ font-size: 22px !important;
+ top: -2px;
+ }
+}
diff --git a/src/views/Accounts/Register/Step1.vue b/src/views/Accounts/Register/Step1.vue
index 3ed9daf..dd7cf13 100644
--- a/src/views/Accounts/Register/Step1.vue
+++ b/src/views/Accounts/Register/Step1.vue
@@ -26,6 +26,7 @@
/>
v !== "Choose an option" || "Please choose an option"]
+ value: "How did you hear about the Code Challange?",
+ rules: [
+ v =>
+ v !== "How did you hear about the Code Challange?" ||
+ "Please choose an option"
+ ]
},
heardAboutUsText: {
label: "Tell us where you heard about the Code Challenge!",
@@ -237,11 +241,15 @@ export default {
rules: [v => !!v || "Please enter a date of birth"]
},
age: {
- label: "Hold old is the student?",
+ label: "How old is the student?",
type: "select",
items: [
- "Choose an option",
- "12 years old or lower",
+ "How old is the student?",
+ "8 years old",
+ "9 years old",
+ "10 years old",
+ "11 years old",
+ "12 years old",
"13 years old",
"14 years old",
"15 years old",
@@ -249,8 +257,10 @@ export default {
"17 years old",
"18 years old or older"
],
- value: "Choose an option",
- rules: [v => v !== "Choose an option" || "Please choose an option"]
+ value: "How old is the student?",
+ rules: [
+ v => v !== "How old is the student?" || "Please choose an option"
+ ]
},
tos: {
label: "I agree to the Terms of Use and Privacy Policy",