remove spaces

src/app/components/options-sidebar/time-clock/time-clock.component.html

@@ -1,4 +1,5 @@
 <div class="text-center mt-3">
+
     <div *ngIf="showAlertEnterTecnology" class="alert alert-danger" role="alert">
         Field technology is requiered. Enter this field for clock out.
     </div>
@@ -45,7 +46,7 @@ <h6 class="text-left"><strong>Projects</strong></h6>
                 <app-project-list-hover [projects]="projects" (showFields)="setShowFields($event)"></app-project-list-hover>
             </ul>
             <br>
-            <form *ngIf="!isClockIn || showFields ">
+            <form *ngIf="!isClockIn || showFields">
                 <div class="form-group row">
                     <label for="inputActivity" class="col-sm-2 col-form-label text-center"><strong>Activity</strong></label>
                     <div class="col-sm-10">
@@ -80,4 +81,5 @@ <h6 class="text-left"><strong>Projects</strong></h6>
                 </div>
             </div>
         </div>
-    </div>
+    </div>
+</div>

src/app/components/options-sidebar/time-clock/time-clock.component.ts

@@ -6,22 +6,22 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./time-clock.component.css']
 })
 export class TimeClockComponent  implements OnInit {
+
   projects = [
     { id: 'P1', name: 'Project 1' },
     { id: 'P2', name: 'Project 2' },
     { id: 'P3', name: 'Project 3' },
     { id: 'P4', name: 'Project 4' }
   ];
 
-  showFields: boolean;
-
   username = 'Dario';
   clockInUsername = 'hh:mm:ss';
   clockOutUsername = 'hh:mm:ss';
 
   isClockIn: boolean;
   isEnterTechnology: boolean;
   showAlertEnterTecnology: boolean;
+  showFields: boolean;
 
   constructor() {
     this.isClockIn = true;