From 63062bd76782ddd5294c098e207cdf297e11bca8 Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Wed, 12 Jan 2022 22:17:22 +0000
Subject: [PATCH] Fix minimize recommandation overlap.

---
 src/components/WatchVideo.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index ad4ab8a1..325408e7 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -122,15 +122,16 @@
                     @click="showRecs = !showRecs"
                     v-text="$t(`actions.${showRecs ? 'minimize_recommendations' : 'show_recommendations'}`)"
                 />
-                <VideoItem
-                    v-for="related in video.relatedStreams"
-                    class="w-auto"
-                    v-show="showRecs || !smallView"
-                    :key="related.url"
-                    :video="related"
-                    height="94"
-                    width="168"
-                />
+                <hr v-show="showRecs" />
+                <div v-show="showRecs || !smallView">
+                    <VideoItem
+                        v-for="related in video.relatedStreams"
+                        :key="related.url"
+                        :video="related"
+                        height="94"
+                        width="168"
+                    />
+                </div>
                 <hr class="sm:hidden" />
             </div>
         </div>