</div>
<!-- Video information -->
- <div *ngIf="video" class="container-fluid video-bottom">
+ <div *ngIf="video" class="margin-content video-bottom">
<div class="row fullWidth">
- <div class="col-12 col-md-9 video-info">
+ <div class="col-12 col-lg-auto video-info">
<div class="video-info-first-row">
<div>
<div class="d-block d-sm-none"> <!-- only shown on small devices, has its conterpart for larger viewports below -->
<div
class="video-info-likes-dislikes-bar"
*ngIf="video.likes !== 0 || video.dislikes !== 0"
+ [ngbTooltip]="likesBarTooltipText"
placement="bottom"
- [ngbTooltip]="likesBarTooltipText">
+ >
<div class="likes-bar" [ngStyle]="{ 'width.%': video.likesPercent }"></div>
</div>
</div>
<div class="pt-3 border-top video-info-channel">
- <a [routerLink]="[ '/video-channels', video.channel.name ]" i18n-title title="Go the channel page">
+ <a [routerLink]="[ '/video-channels', video.byVideoChannel ]" i18n-title title="Go the channel page">
{{ video.channel.displayName }}
<img [src]="video.videoChannelAvatarUrl" alt="Video channel avatar" />
</div>
</div>
- <my-video-comments [video]="video" [user]="user"></my-video-comments>
- </div>
- <my-recommended-videos class="ml-3 ml-sm-0 col-12 col-md-3"
- [inputVideo]="video" [user]="user"></my-recommended-videos>
+ <my-video-comments [video]="video" [user]="user"></my-video-comments>
+ </div>
+
+ <my-recommended-videos [inputRecommendation]="{ uuid: video.uuid, tags: video.tags }" [user]="user"></my-recommended-videos>
</div>
</div>