diff --git a/src/renderer/views/Watch/Watch.sass b/src/renderer/views/Watch/Watch.sass index 2f3a6205..70915cd5 100644 --- a/src/renderer/views/Watch/Watch.sass +++ b/src/renderer/views/Watch/Watch.sass @@ -48,23 +48,28 @@ .premiereDate color: #FFFFFF - background-color: rgba(0, 0, 0, 0.7) - width: 400px + background-color: rgba(0, 0, 0, 0.8) height: 60px - border-radius: 5% + border-radius: 5px position: absolute - bottom: 5px + bottom: 12px + left: 12px + display: flex + align-items: center + padding: 0 12px .premiereIcon float: left font-size: 25px - margin-top: 12px - margin-left: 8px - padding: 5px + margin: 0 12px .premiereText - margin-left: 50px - margin-top: 10px + min-width: 200px + margin: 0 12px + + .premiereTextTimestamp + font-size: 0.85em + font-weight: bold .watchVideo margin: 0 0 16px diff --git a/src/renderer/views/Watch/Watch.vue b/src/renderer/views/Watch/Watch.vue index 7a0e1ee0..0298cab9 100644 --- a/src/renderer/views/Watch/Watch.vue +++ b/src/renderer/views/Watch/Watch.vue @@ -54,9 +54,17 @@ v-if="upcomingTimestamp !== null" class="premiereText" > - {{ $t("Video.Premieres") }} {{ upcomingTimeLeft }} + + {{ $t("Video.Premieres") }} {{ upcomingTimeLeft }} +
- {{ upcomingTimestamp }} + + {{ upcomingTimestamp }} +