Prevent layout shift in videos list

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-video-playlist / video-playlist-element-miniature.component.html

diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
index 9cdee96b49a730962be272e0d7c03e3006870c68..f58d5f7f6e33ed5f57b907c3e8d7a94127ee87fd 100644 (file)
--- a/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
+++ b/client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
@@ -15,10 +15,14 @@
 
     <div class="video-info">
       <ng-container *ngIf="playlistElement.video">
-        <a tabindex="-1" class="video-info-name"
-          [routerLink]="buildRouterLink()" [queryParams]="buildRouterQuery()"
-          [attr.title]="playlistElement.video.name"
-        >{{ playlistElement.video.name }}</a>
+        <div class="video-info-header">
+          <a tabindex="-1" class="video-info-name"
+            [routerLink]="buildRouterLink()" [queryParams]="buildRouterQuery()"
+            [attr.title]="playlistElement.video.name"
+          >{{ playlistElement.video.name }}</a>
+
+          <span *ngIf="isVideoPrivate()" class="pt-badge badge-yellow">Private</span>
+        </div>
 
         <span class="video-miniature-created-at-views">
           <my-date-toggle [date]="playlistElement.video.publishedAt"></my-date-toggle>