<div class="d-block d-md-none"> <!-- only shown on medium devices, has its conterpart for larger viewports below -->
<h1 class="video-info-name">{{ video.name }}</h1>
<div i18n class="video-info-date-views">
- Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
+ Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> - {{ video.views | myNumberFormatter }} views
</div>
</div>
<h1 class="video-info-name">{{ video.name }}</h1>
<div i18n class="video-info-date-views">
- Published {{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
+ Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> - {{ video.views | myNumberFormatter }} views
</div>
</div>