#19 get last changes and fix some colors

src/app/modules/project-management/components/create-project/create-project.component.scss

@@ -9,3 +9,7 @@
   background-color: $modal-button-secondary;
   color: white;
 }
+
+.item-list-hover:link {
+  background-color: green;
+}

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

@@ -9,7 +9,7 @@
   >
     <i class="far fa-user-circle"></i> Dario Herrera
   </a>
-  <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-    <a class="dropdown-item">Sign Out</a>
+  <div class="dropdown-menu style-click" aria-labelledby="navbarDropdown">
+    <a class="dropdown-item style-click" (click)="logout()">Sign Out</a>
   </div>
 </div>

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

@@ -1,3 +1,5 @@
+@import '../../../../../styles/colors.scss';
+
 .user-profile {
   color: black;
   cursor: pointer;
@@ -7,3 +9,8 @@
   margin-left: 50%;
   transform: translateX(-50%);
 }
+
+.style-click:active {
+  background-image: $button-primary-color;
+  color: white;
+}

src/app/modules/time-clock/pages/time-clock.component.html

@@ -6,7 +6,7 @@
   <div class="card">
     <div class="card-body">
       <p *ngIf="!isClockIn" class="card-title text-left">
-        <strong>{{ username }}</strong> clocked <strong class="text-success">in</strong> at
+        <strong>{{ username }}</strong> clocked <strong class="text-clock-in-color">in</strong> at
         <strong>{{ hour | number: '2.0-2' }}:{{ minute | number: '2.0-2' }}:{{ seconds | number: '2.0-2' }}</strong>
       </p>
       <p *ngIf="isClockIn" class="card-title text-left">

src/app/modules/time-clock/pages/time-clock.component.scss

@@ -20,3 +20,7 @@
   background: $button-secondary-color;
   color: white;
 }
+
+.text-clock-in-color {
+  color: $modal-button-secondary;
+}