fixed minor css bugs: alert, page lock

Author: iamalx

src/pages/wizard/wizard.html

@@ -258,7 +258,7 @@ <h1 class="h1">Questionnaire 2/3</h1>
     </form>
     </div> 
     </ion-slide>
-    <ion-slide>
+    <ion-slide class= 'quest-slide'>
       <div class='top-question'>
         <ion-list class="question-header" >
           <ion-list-header class='inner-question-header' >
@@ -320,7 +320,7 @@ <h1 id="end-wizard-h" class="h1">Thank you for using the Wizard</h1>
             </ion-list-header>
             <p class="h2">You may begin by taking the self assesment.</p>
           </ion-list >
-        </div>
+       
       <!-- <div class='top-simple'>
         <div class="top-message">
           <h1>Thanks for using the Wizard</h1>
@@ -331,6 +331,7 @@ <h1>Thanks for using the Wizard</h1>
         <button class='button1' ion-button>Dashboard</button>
         <button class='button1' ion-button>Take Assesment</button>
       </div>
+    </div>
     </ion-slide>
 
   </ion-slides>

src/pages/wizard/wizard.ts

@@ -169,7 +169,7 @@ export class WizardPage implements OnInit {
   slideChanged() {
     let index = this.slides.realIndex; 
     console.log(index);
-    if((index == 5 && !this.firstForm.valid) || (index == 6 && !this.secondForm.valid) || (index == 7 && !this.thirdForm.valid))  {
+    if((index == 5 && !this.firstForm.valid) || (index == 6 && !this.secondForm.valid) || (index == 7 && !this.thirdForm.valid) || (index == 8))  {
       this.nextButton = true;
       this.shouldLockSwipeToNext = true;
     }else {
@@ -278,7 +278,8 @@ export class WizardPage implements OnInit {
   vetTouched: boolean = false;
   showVetOptions() {
     let vetAlert = this.alertCtrl.create({
-      message: "Select one"
+      message: "Select one",
+      cssClass: "branchRadio"
     });
     vetAlert.setTitle('Military Status');
 
@@ -389,7 +390,8 @@ export class WizardPage implements OnInit {
   employedAnswer: string= "";
   showEmployedRadio() {
     let alert = this.alertCtrl.create({
-      message: "Select one"
+      message: "Select one",
+      cssClass: "branchRadio"
     });
     alert.setTitle('Employment');