change CYF to code your future, change font size of some of inputs (#53)

* change CYF to code your future, change font size of some of inputs

* wording

Author: Wolfjawan

src/Components/forms/index.css

@@ -58,9 +58,11 @@
 }
 .contact-interested {
   font-size: 20px;
-  line-height: 24px;
   margin-bottom: 50px;
 }
+.contact-interested span {
+  line-height: 70px;
+}
 .contact-interested a {
   color: green;
 }

src/Components/forms/inputs/dropDown.js

@@ -1,5 +1,5 @@
 import React from 'react'
-
+import { Label } from 'reactstrap'
 function SelectOption(arrayList) {
   if (arrayList) {
     return arrayList.map(item => {
@@ -15,9 +15,7 @@ function SelectOption(arrayList) {
 export default ({ onChange, isEmpty, label, name, arrayList, value }) => {
   return (
     <div className="form-group">
-      <label htmlFor={name} className="lead">
-        {label}
-      </label>
+      <Label htmlFor={name}>{label}</Label>
       <select
         className={`form-control ${isEmpty && 'is-empty'}`}
         id={name}

src/Components/forms/inputs/index.js

@@ -69,10 +69,11 @@ export default class VolunteerForm extends Component {
           name="cityId"
           arrayList={cities}
           isEmpty={errors.cityId}
-          label="What CYF city do you want to work with? *"
+          label="What Code Your Future city do you want to work with? *"
         />
         <p className="contact-interested">
-          If you're interested in bringing CYF to your city, email us at
+          If you're interested in bringing Code Your Future to your city, email
+          us at
           <a
             href="mailto: [email protected]"
             target="_blank"
@@ -116,10 +117,11 @@ export default class VolunteerForm extends Component {
           isEmpty={errors.hearAboutCYF}
           label="Where did you hear about Code Your Future?"
         />
-        <p className="contact-interested">
-          What would you like help Code Your Future with, and what is your level
-          of experience?
-        </p>
+        <span className="contact-interested">
+          <span>
+            What would you like to help Code Your Future with and what is your level of experience?
+          </span>
+        </span>
         <div>
           <CheckListH list={ListsData.GuidePeopleThList} />
           <CheckListB

src/Components/forms/inputs/phoneNumber.js

@@ -1,14 +1,15 @@
 import React from 'react'
+import { Label } from 'reactstrap'
 import 'react-phone-number-input/style.css'
 import PhoneInput, { formatPhoneNumberIntl } from 'react-phone-number-input'
 
 export default ({ onChange, tel, isEmpty }) => {
   return (
     <div className="form-group">
-      <label htmlFor="tel" className="lead">
-        <span>Phone number </span>
+      <Label>
+        <span>Phone number *</span>
         <span className="tel-preview">{formatPhoneNumberIntl(tel)}</span>
-      </label>
+      </Label>
       <PhoneInput
         placeholder="Enter phone number"
         value={tel}