feat: TTL-910 update ui

src/app/modules/reports/components/time-entries-table/time-entries-table.component.html

@@ -1,7 +1,12 @@
-<div class="row scroll-table mt-5 ml-0">
+<div class="flex flex-row justify-center mt-14">
   <app-search-user [users]="users" (selectedUserId)="user($event)"></app-search-user>
-  <app-search-project [projects]="listProjects" (selectedProjectId)="project($event)"></app-search-project>
   <app-search-activity [activities]="activities" (selectedActivityId)="activity($event)"></app-search-activity>
+</div>
+<div class="flex justify-center">
+  <app-search-project class="" [projects]="listProjects" (selectedProjectId)="project($event)"></app-search-project>
+</div>
+<div class="row scroll-table mt-5 ml-0">
+
   <table
     class="table table-striped mb-0"
     datatable

src/app/modules/shared/components/search-activity/search-activity.component.html

@@ -1,5 +1,4 @@
 <div class="form-group" >
-  <label>Activity: </label>
 
   <ng-select [(ngModel)]="selectedActivity" [multiple]="false"  placeholder="Select activity" (change)="updateActivity()" class="selectActivity">
     <ng-option  *ngFor="let activity of activities" value={{activity.id}}>{{activity.name}}</ng-option >

src/app/modules/shared/components/search-activity/search-activity.component.scss

@@ -3,7 +3,7 @@ label {
 }
 .selectActivity {
   display: inline-block;
-  width: 350px;
+  width: 300px;
   padding: 0 12px 15px 12px;
 }
 

src/app/modules/shared/components/search-project/search-project.component.html

@@ -1,5 +1,4 @@
 <div class="form-group" >
-  <label>Projects: </label>
 
   <ng-select [(ngModel)]="selectedProject" [multiple]="false"  placeholder="Select project" (change)="updateProject()" class="selectProject">
     <ng-option  *ngFor="let project of projects" value={{project.id}}> <strong>{{project.customer.name}}</strong> - {{project.name}}</ng-option >

src/app/modules/shared/components/search-project/search-project.component.scss

@@ -3,7 +3,7 @@ label {
 }
 .selectProject {
   display: inline-block;
-  width: 350px;
+  width: 600px;
   padding: 0 12px 15px 12px;
 }
 

src/app/modules/shared/components/search-user/search-user.component.html

@@ -1,5 +1,4 @@
 <div class="form-group" >
-  <label>Users: </label>
 
   <ng-select [(ngModel)]="selectedUser" [multiple]="true"  placeholder="Select user" (change)="updateUser()" class="selectUser">
     <ng-option  *ngFor="let user of users" value={{user.id}}>👤{{user.name}}📨{{ user.email}}</ng-option >

src/app/modules/shared/components/search-user/search-user.component.scss

@@ -3,7 +3,7 @@ label {
 }
 .selectUser {
   display: inline-block;
-  width: 350px;
+  width: 500px;
   padding: 0 12px 15px 12px;
 }