Migrate to bootstrap 4 and ng-bootstrap

2 files changed, 6 insertions, 8 deletions

diff --git a/client/src/app/shared/video/video-feed.component.html b/client/src/app/shared/video/video-feed.component.html
index 5ef13e1ed..2e687a7b9 100644
--- a/client/src/app/shared/video/video-feed.component.html
+++ b/client/src/app/shared/video/video-feed.component.html
@@ -1,13 +1,10 @@
 <div class="video-feed">
-  <span *ngIf="syndicationItems.length !== 0" class="icon icon-syndication"
-    [popover]="feedsList"
-    placement="bottom"
-    [outsideClick]="true">
-  </span>
+  <span
+    *ngIf="syndicationItems.length !== 0" [ngbPopover]="feedsList" placement="bottom"
+    class="icon icon-syndication" role="button"
+  ></span>
 
   <ng-template #feedsList>
-    <div *ngFor="let item of syndicationItems">
-      <a [href]="item.url" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
-    </div>
+    <a *ngFor="let item of syndicationItems" [href]="item.url" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
   </ng-template>
 </div>
\ No newline at end of file
diff --git a/client/src/app/shared/video/video-feed.component.scss b/client/src/app/shared/video/video-feed.component.scss
index 2efeb405e..a5d1aabf7 100644
--- a/client/src/app/shared/video/video-feed.component.scss
+++ b/client/src/app/shared/video/video-feed.component.scss
@@ -5,6 +5,7 @@
     @include disable-default-a-behaviour;
 
     color: black;
+    display: block;
   }
 
   .icon {