From c2c6a55682f6281ff0ecfb3e4a37b660fa537f52 Mon Sep 17 00:00:00 2001
From: Airidasz <61290246+Airidasz@users.noreply.github.com>
Date: Sun, 3 Oct 2021 13:53:21 +0300
Subject: [PATCH] Make autoplay text fit inside top bar when translated (#1767)

* Make autoplay fit inside top bar when translated

* Lint
---
 .../watch-video-recommendations.css           | 12 ++++++----
 .../watch-video-recommendations.vue           | 24 ++++++++++---------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.css b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.css
index 2054564cae3b3..b0744683c5167 100644
--- a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.css
+++ b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.css
@@ -8,8 +8,12 @@
 }
 
 .autoPlayToggle {
-	width: 120px;
-	position: absolute;
-	top: 10px;
-	right: 0px;
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+}
+
+.VideoRecommendationsTopBar{
+	display:flex; 
+	justify-content:space-between;
 }
diff --git a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
index b91023f7e7795..3e05f8c2bbed9 100644
--- a/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
+++ b/src/renderer/components/watch-video-recommendations/watch-video-recommendations.vue
@@ -3,17 +3,19 @@
     v-if="!hideRecommendedVideos"
     class="relative watchVideoRecommendations"
   >
-    <h3>
-      {{ $t("Up Next") }}
-    </h3>
-    <ft-toggle-switch
-      v-if="showAutoplay"
-      class="autoPlayToggle"
-      :label="$t('Video.Autoplay')"
-      :compact="true"
-      :default-value="playNextVideo"
-      @change="updatePlayNextVideo"
-    />
+    <div class="VideoRecommendationsTopBar">
+      <h3>
+        {{ $t("Up Next") }}
+      </h3>
+      <ft-toggle-switch
+        v-if="showAutoplay"
+        class="autoPlayToggle"
+        :label="$t('Video.Autoplay')"
+        :compact="true"
+        :default-value="playNextVideo"
+        @change="updatePlayNextVideo"
+      />
+    </div>
     <ft-list-video
       v-for="(video, index) in data"
       :key="index"