style: TT-290 changed the color border button

Author: kevinjlope

src/app/modules/activities-management/components/activity-list/activity-list.component.scss

@@ -2,6 +2,4 @@
 
 .activity-list {
   overflow: auto;
-
 }
-

src/app/modules/customer-management/components/customer-info/components/customer-list/customer-list.component.spec.ts

@@ -248,7 +248,7 @@ describe('CustomerTableListComponent', () => {
       _status: false,
       btnColor: 'btn-danger',
       btnIcon: 'fa-arrow-circle-down',
-      btnIconTwo:  'fa-caret-check',
+      btnIconTwo: 'fa-check',
       btnName: 'Archive',
       iconColor: 'text-success'
     };

src/app/modules/customer-management/components/projects/components/project-list/project-list.component.scss

@@ -3,13 +3,3 @@
 .project-list {
   max-height: 300px; overflow: auto; display:inline-block; width: 100%;
 }
-
-.btn--switch{
-  font-size: 1rem;
-  border: 1px solid #c5c5c5;
-  border-radius: 20px;
-}
-
-.iconTwo{
-  color: #a1a1a1;
-}

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

@@ -1,4 +1,4 @@
-<button class="btn btn-sm dropdown-toggle btn--switch" type="button" data-toggle="dropdown" aria-haspopup="true"
+<button class="btn btn-sm dropdown-toggle btn-switch" type="button" data-toggle="dropdown" aria-haspopup="true"
     aria-expanded="false" [ngClass]="info.btnColor"
     (click)=changePropertiesItem(info)>
     <em class="fa icon" [ngClass]="[info.btnIcon, info.iconColor]"></em>

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

@@ -1,8 +1,8 @@
 @import '../../../../../styles/colors.scss';
 
-.btn--switch {
+.btn-switch {
     font-size: 1rem;
-    border: 1px solid #c5c5c5;
+    border: 1px solid lighten($primary-text, 10%);
     border-radius: 20px;
     width: clamp(7rem, 50%, 12rem);
     display: flex;
@@ -12,7 +12,7 @@
 }
 
 .iconTwo {
-    color: #a1a1a1;
+    color: lighten($primary-text, 10%);
     text-align: center;
 }