Index: trip-planner-front/src/app/locations-form/locations-form.component.html
===================================================================
--- trip-planner-front/src/app/locations-form/locations-form.component.html	(revision 8d391a12ef6baa3aefe9611a6f7c5b569977c946)
+++ trip-planner-front/src/app/locations-form/locations-form.component.html	(revision 76712b2bf7daeb245c9ca388ce322e0b98098d99)
@@ -3,70 +3,67 @@
 
 
-    <div class="example-form">
+<div class="example-form">
 
-      <div class="form-group">
-        <button class="btn" (click)="chooseCityOption()">
-          City
-        </button>
-        <button class="btn" (click)="chooseRegionOption()">
-          Region
-        </button>
-      </div>
-      <br>
-      <br>
-  
-      <div *ngIf="cityOption">
-        <label>
-          <h5>Please select a city</h5>
-        </label>
-        <mat-form-field appearance="fill" class="example-full-width">
-          <mat-label>Please select a city</mat-label>
-          <mat-select [(ngModel)]="cityId" placeholder="Select city" name="city" >
-            <mat-option [value]="city.id" *ngFor="let city of cities" > {{city.name}}</mat-option>
-          </mat-select>
-        </mat-form-field>
-      </div>
-  
-      <div *ngIf="regionOption">
-        <label>
-          <h5>Please select a region</h5>
-        </label>
-        <mat-form-field appearance="fill" class="example-full-width">
-          <mat-label>Please select a region</mat-label>
-          <mat-select [(ngModel)]="regionId" placeholder="Select region" name="region">
-            <mat-option [value]="region.id" *ngFor="let region of regions" [value]="region.id"> {{region.name}}
-            </mat-option>
-          </mat-select>
-        </mat-form-field>
-      </div>
-  
-      <h5>Who are you travelling with? </h5>
-      <mat-form-field appearance="fill" class="example-full-width">
-        <mat-label>Please select a companion</mat-label>
-        <mat-select [(ngModel)]="companionId" placeholder="Please select a companion" name="company">
-          <mat-option [value]="companion.id" *ngFor="let companion of companions">{{companion.type}}</mat-option>
-        </mat-select>
-      </mat-form-field>
-  
-      <h5>How many days are you willing to stay ?</h5>
-      <mat-form-field class="example-full-width" appearance="fill">
-        <mat-label>Please select a number of days</mat-label>
-        <input matInput placeholder="No. Days" type="number" min="1" value="0" max="30" [constraintMaxNumberDays()]
-          [(ngModel)]="lengthOfStay" name="nomdays" [value] = "lengthOfStay">
-      </mat-form-field>
-  
-      <h5>What are your priorities to visit?</h5>
-      <mat-chip-list selectable multiple>
-        <mat-chip #c="matChip" selected *ngFor="let category of categories" (click)="toggleSelection(c, category)"
-          [ngClass]="{'yellow' : toggle}" name="chips">
-          <mat-icon *ngIf="!c.selected">check</mat-icon>
-          {{category.name}}
-        </mat-chip>
-      </mat-chip-list>
-      <br>
-      <button mat-raised-button color="primary" (click)="createMyPlanner()">Create my planner</button>
-  
-    </div>
+  <div class="form-group">
+    <button class="btn" (click)="chooseCityOption()">
+      City
+    </button>
+    <button class="btn" (click)="chooseRegionOption()">
+      Region
+    </button>
+  </div>
+  <br>
+  <br>
 
+  <div *ngIf="cityOption">
+    <label>
+      <h5>Please select a city</h5>
+    </label>
+    <mat-form-field appearance="fill" class="example-full-width">
+      <mat-label>Please select a city</mat-label>
+      <mat-select [(ngModel)]="cityId" placeholder="Select city" name="city">
+        <mat-option [value]="city.id" *ngFor="let city of cities"> {{city.name}}</mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
 
-  
+  <div *ngIf="regionOption">
+    <label>
+      <h5>Please select a region</h5>
+    </label>
+    <mat-form-field appearance="fill" class="example-full-width">
+      <mat-label>Please select a region</mat-label>
+      <mat-select [(ngModel)]="regionId" placeholder="Select region" name="region">
+        <mat-option [value]="region.id" *ngFor="let region of regions" [value]="region.id"> {{region.name}}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+  </div>
+
+  <h5>Who are you travelling with? </h5>
+  <mat-form-field appearance="fill" class="example-full-width">
+    <mat-label>Please select a companion</mat-label>
+    <mat-select [(ngModel)]="companionId" placeholder="Please select a companion" name="company">
+      <mat-option [value]="companion.id" *ngFor="let companion of companions">{{companion.type}}</mat-option>
+    </mat-select>
+  </mat-form-field>
+
+  <h5>How many days are you willing to stay ?</h5>
+  <mat-form-field class="example-full-width" appearance="fill">
+    <mat-label>Please select a number of days</mat-label>
+    <input matInput placeholder="No. Days" type="number" min="1" value="0" max="30" [constraintMaxNumberDays()]
+      [(ngModel)]="lengthOfStay" name="nomdays" [value]="lengthOfStay">
+  </mat-form-field>
+
+  <h5>What are your priorities to visit?</h5>
+  <mat-chip-list selectable multiple>
+    <mat-chip #c="matChip" selected *ngFor="let category of categories" (click)="toggleSelection(c, category)"
+      [ngClass]="{'yellow' : toggle}" name="chips">
+      <mat-icon *ngIf="!c.selected">check</mat-icon>
+      {{category.name}}
+    </mat-chip>
+  </mat-chip-list>
+  <br>
+  <button mat-raised-button color="primary" (click)="createMyPlanner()">Create my planner</button>
+
+</div>
