From 1201c6362629bea03f8312c84d5cd00833dfbe02 Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Sun, 13 Mar 2022 05:17:18 +0530
Subject: [PATCH] Fall back to a full row if columnal layout isn't enough

---
 src/routes/WatchVideo.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/WatchVideo.vue b/src/routes/WatchVideo.vue
index 700a561..7726384 100644
--- a/src/routes/WatchVideo.vue
+++ b/src/routes/WatchVideo.vue
@@ -100,14 +100,14 @@
         </v-row>
 
         <v-row>
-            <v-col md="8" offset-md="1" v-if="comments && comments.comments">
+            <v-col cols="12" md="8" offset-md="1" v-if="comments && comments.comments">
                 <h5 class="text-h4 text-center my-4">Comments</h5>
                 <VideoComment v-for="comment in comments.comments" :key="comment.commentId" :comment="comment"
                               :video="video" />
                 <v-progress-linear indeterminate v-intersect="onCommentsProgressIntersect"
                                    v-if="comments.comments.length !== 0 && comments.nextpage != null" />
             </v-col>
-            <v-col md="2" v-if="video && video.relatedStreams">
+            <v-col cols="12" md="2" v-if="video && video.relatedStreams">
                 <h5 class="text-h4 text-center my-4">Related Videos</h5>
                 <VideoItem class="my-4" v-for="related in video.relatedStreams" :video="related" :key="related.url" />
             </v-col>