refactor: adding borders to timeline card

Author: anandtiwary

projects/observability/src/shared/components/timeline-card-list/timeline-card-list.component.scss

@@ -47,18 +47,22 @@
       width: 100%;
       box-sizing: border-box;
       border-radius: 6px;
+      border: 1px solid $gray-2;
 
       &.selected-card {
         background: $blue-1;
+        border: 1px solid $blue-2;
 
         &:hover {
           background: $blue-2;
+          border: 1px solid $blue-5;
           cursor: pointer;
         }
       }
 
       &:hover {
         background: $gray-1;
+        border: 1px solid $gray-2;
         cursor: pointer;
       }
     }

projects/observability/src/shared/components/timeline-card-list/timeline-card-list.component.ts

@@ -18,8 +18,7 @@ import { TimelineCardContainerComponent } from './container/timeline-card-contai
             role="${ButtonRole.Primary}"
             display="${ButtonStyle.Outlined}"
             (click)="item.showAll = true"
-            class="button"
-            [ngClass]="{ 'with-margin': this.showTime }"
+            class="button with-margin"
           ></ht-button>
 
           <ng-template #showSimilarCards>