fix(annotations): fix styling for annotation cards (#2107)

* fix(annotations): fix styling for annotation cards

* Fix annotation card vertical shifting on focus
* Make pending cards non-interactive

* fix(annotations): fix styling for annotation cards

* PR Feedback

* fix(annotations): fix styling for annotation cards

* PR Feedback for animation

Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>

Author: mickr

src/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.scss

@@ -52,12 +52,21 @@
                 $container-padding: 25px;
 
                 margin-right: -$container-padding;
+                margin-bottom: 1px;
                 margin-left: -$container-padding;
                 padding-right: $container-padding;
                 padding-left: $container-padding;
                 background-color: $bdl-box-blue-05;
                 border-bottom: none;
                 box-shadow: 0 $container-padding 0 -#{$container-padding - 1} $bdl-gray-10;
+            }
+        }
+
+        .bcs-activity-feed-task,
+        .bcs-activity-feed-task-new,
+        .bcs-activity-feed-comment,
+        .bcs-activity-feed-app-activity {
+            &.bcs-is-focused {
                 animation: fade-out 6s ease-out 2s 1 normal forwards;
 
                 @keyframes fade-out {

src/elements/content-sidebar/activity-feed/annotations/AnnotationActivity.scss

@@ -12,6 +12,7 @@
 
     &.bcs-is-pending {
         opacity: .4;
+        pointer-events: none;
     }
 }