From bd55ecba470f4eecc4351c4fcec447a1ab2567bf Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Sun, 13 Feb 2022 23:45:42 +0530
Subject: [PATCH] Fix alignment issues

---
 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 e2dd700..b9ee8ea 100644
--- a/src/routes/WatchVideo.vue
+++ b/src/routes/WatchVideo.vue
@@ -18,7 +18,7 @@
                     <v-card-title class="text-h5">{{ video.title }}</v-card-title>
                     <v-card-subtitle class="text-subtitle-1">
                         <v-row align="center">
-                            <v-col>
+                            <v-col cols="12" md="6">
                                 {{ $tc('counts.views', video.views, { n: $store.getters['i18n/fmtNumber'](video.views) }) }}
                                 •
                                 {{ $store.getters['i18n/fmtDate'](new Date(video.uploadDate)) }}
@@ -29,7 +29,7 @@
                                     <ExpandableDate :date="lastWatch.timestamp" />
                                 </span>
                             </v-col>
-                            <v-col style="text-align: right">
+                            <v-col cols="12" md="6" :style="$vuetify.breakpoint.mdAndUp ? { textAlign: 'right' } : {}">
                                 <v-icon>mdi-thumb-up</v-icon>
                                 <b class="ml-2">{{ addCommas(video.likes) }}</b>
                                 <v-icon class="ml-2">mdi-thumb-down</v-icon>