some config

src/app/modules/components/side-nav/side-nav.component.ts

@@ -14,12 +14,12 @@ export class SideNavComponent {
       img: '../../../../assets/images/dashboard.svg',
       link: '/modules/dashboard',
     },
-    {
-      index: 2,
-      name: 'Employees',
-      img: '../../../../assets/images/teams.svg',
-      link: '/modules/employee',
-    },
+    // {
+    //   index: 2,
+    //   name: 'Employees',
+    //   img: '../../../../assets/images/teams.svg',
+    //   link: '/modules/employee',
+    // },
     {
       index: 3,
       name: 'Teams',
@@ -32,63 +32,64 @@ export class SideNavComponent {
       img: '',
       link: '/modules/meetings',
     },
-    {
-      index: 4,
-      name: 'Contracts',
-      img: '../../../../assets/images/dashboard.svg',
-      link: '/contracts',
-    },
-    {
-      index: 5,
-      name: 'Analytics',
-      img: '../../../../assets/images/analytics.svg',
-      link: '/analytics',
-    },
+    // {
+    //   index: 4,
+    //   name: 'Contracts',
+    //   img: '../../../../assets/images/dashboard.svg',
+    //   link: '/contracts',
+    // },
+    // {
+    //   index: 5,
+    //   name: 'Analytics',
+    //   img: '../../../../assets/images/analytics.svg',
+    //   link: '/analytics',
+    // },
     {
       index: 6,
       name: 'Task Management',
       img: '../../../../assets/images/task-manager.svg',
       link: '/modules/task-management',
     },
-    {
-      index: 7,
-      name: 'Tracker',
-      img: '../../../../assets/images/tracker.svg',
-      link: '/tracker',
-    },
-    {
-      index: 8,
-      name: 'Search for employees',
-      img: '../../../../assets/images/search-for-staff-svgrepo-com.svg',
-      link: 'search',
-    },
-    {
-      index: 9,
-      name: 'Human recourse',
-      img: '../../../../assets/images/human-resource.svg',
-      link: 'human-resource',
-    },
-    {
-      index: 10,
-      name: 'Attendance',
-      img: '../../../../assets/images/attendance.svg',
-      link: 'attendance',
-    },
+    // {
+    //   index: 7,
+    //   name: 'Tracker',
+    //   img: '../../../../assets/images/tracker.svg',
+    //   link: '/tracker',
+    // },
+    // {
+    //   index: 8,
+    //   name: 'Search for employees',
+    //   img: '../../../../assets/images/search-for-staff-svgrepo-com.svg',
+    //   link: 'search',
+    // },
+    // {
+    //   index: 9,
+    //   name: 'Human recourse',
+    //   img: '../../../../assets/images/human-resource.svg',
+    //   link: 'human-resource',
+    // },
+    // {
+    //   index: 10,
+    //   name: 'Attendance',
+    //   img: '../../../../assets/images/attendance.svg',
+    //   link: 'attendance',
+    // },
     {
       index: 11,
       name: 'Orders',
       img: '../../../../assets/images/order.svg',
       link: '/modules/orders',
     },
-    {
-      index: 11,
-      name: 'Setting',
-      img: '../../../../assets/images/setting.svg',
-    },
+    // {
+    //   index: 11,
+    //   name: 'Setting',
+    //   img: '../../../../assets/images/setting.svg',
+    // },
     {
       index: 11,
       name: 'Logout',
       img: '../../../../assets/images/logout.svg',
+      link: '/auth',
     },
   ];
 }

src/app/modules/meetings/components/ceate-meeting/ceate-meeting.component.html

@@ -1,5 +1,5 @@
 <h2 mat-dialog-title class="text-center">
-  <span>Create Meeting</span>
+  <span class="bold">Create Meeting</span>
 </h2>
 <mat-dialog-content class="mat-typography">
   <form fxLayout="column" fxLayoutAlign="start stretch" class="gap-20">
@@ -124,5 +124,7 @@
 </mat-dialog-content>
 <mat-dialog-actions align="end">
   <button mat-button mat-dialog-close>Cancel</button>
-  <button mat-button [mat-dialog-close]="true" cdkFocusInitial>save</button>
+  <button mat-button [mat-dialog-close]="true" cdkFocusInitial class="button">
+    save
+  </button>
 </mat-dialog-actions>

src/app/modules/meetings/components/ceate-meeting/ceate-meeting.component.scss

@@ -40,3 +40,19 @@ h2 {
 .time {
   background-color: #2f2c8326;
 }
+
+.button {
+  padding: 10px 40px;
+  width: inherit;
+  background-color: #28abe3;
+  color: #fff !important;
+  border-radius: 10px;
+  border: 1px solid #28abe3;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 15px;
+  transition: all 0.5s;
+  &:hover {
+    background-color: #1877f2;
+  }
+}

src/app/modules/task-management/task-management-main/task-management-main.component.html

@@ -85,34 +85,34 @@
             <span class="to-to-span"></span>
             <span class="plr-5">To Do</span>
           </h3>
-          <app-task [value]="15"></app-task>
-          <app-task [value]="15"></app-task>
+          <app-task [value]="15" class="ptr"></app-task>
+          <app-task [value]="15" class="ptr"></app-task>
         </div>
         <div class="in-progress" fxFlex.gt-md="25" fxFlex.lt-md="100">
           <h3 class="bold">
             <span class="inprogress-span"></span>
             <span class="plr-5">In Progress</span>
           </h3>
-          <app-task [value]="40"></app-task>
-          <app-task [value]="40"></app-task>
-          <app-task [value]="40"> </app-task>
-          <app-task [value]="40"></app-task>
+          <app-task [value]="40" class="ptr"> </app-task>
+          <app-task [value]="40" class="ptr"> </app-task>
+          <app-task [value]="40" class="ptr"> </app-task>
+          <app-task [value]="40" class="ptr"> </app-task>
         </div>
         <div class="need-rivew" fxFlex.gt-md="25" fxFlex.lt-md="100">
           <h3 class="bold">
             <span class="review-span"></span>
             <span class="plr-5"> <span class="plr-5">Need Review</span> </span>
           </h3>
-          <app-task [value]="100"></app-task>
-          <app-task [value]="100"></app-task>
+          <app-task [value]="100" class="ptr"></app-task>
+          <app-task [value]="100" class="ptr"></app-task>
         </div>
         <div class="done" fxFlex.gt-md="25" fxFlex.lt-md="100">
           <h3 class="bold">
             <span class="done-span"></span>
             <span class="plr-5">Done</span>
           </h3>
-          <app-task [value]="100"></app-task>
-          <app-task [value]="100"></app-task>
+          <app-task [value]="100" class="ptr"></app-task>
+          <app-task [value]="100" class="ptr"></app-task>
         </div>
       </div>
     </div>

src/app/modules/teams/components/create-team/create-team.component.html

@@ -1,4 +1,4 @@
-<h2 mat-dialog-title class="text-center">Create team</h2>
+<h2 class="text-center bold">Create team</h2>
 <mat-dialog-content class="mat-typography">
   <form fxLayout="column" fxLayoutAlign="start stretch">
     <div
@@ -25,5 +25,7 @@
 </mat-dialog-content>
 <mat-dialog-actions align="end">
   <button mat-button mat-dialog-close>Cancel</button>
-  <button mat-button [mat-dialog-close]="true" cdkFocusInitial>Save</button>
+  <button mat-button [mat-dialog-close]="true" cdkFocusInitial class="button">
+    Save
+  </button>
 </mat-dialog-actions>

src/app/modules/teams/components/create-team/create-team.component.scss

@@ -20,3 +20,25 @@ form {
     }
   }
 }
+
+h2 {
+  color: #2e368f !important;
+  padding-top: 20px;
+  font-size: 18px;
+}
+
+.button {
+  padding: 10px 40px;
+  width: inherit;
+  background-color: #28abe3;
+  color: #fff !important;
+  border-radius: 10px;
+  border: 1px solid #28abe3;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 15px;
+  transition: all 0.5s;
+  &:hover {
+    background-color: #1877f2;
+  }
+}