From ffae17653abfbbece3dff1fb6d555b79db57434b Mon Sep 17 00:00:00 2001
From: Garrett Cox <garrettjcox@gmail.com>
Date: Sun, 18 Jul 2021 11:03:20 -0500
Subject: [PATCH] Adjustments to WatchVideo.vue to be more responsive and more
 similar to Youtube's UI (#272)

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

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index eea5d81c..dcb6087e 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -63,7 +63,7 @@
         <hr />
 
         <div uk-grid>
-            <div class="uk-width-4-5@xl uk-width-3-4@l uk-width-2-3" v-if="comments" ref="comments">
+            <div class="uk-width-4-5@xl uk-width-3-4@l uk-width-1" v-if="comments" ref="comments">
                 <div
                     class="uk-tile-default uk-align-left uk-width-expand"
                     :style="[{ background: backgroundColor }]"
@@ -100,7 +100,7 @@
                 </div>
             </div>
 
-            <div class="uk-width-1-5@xl uk-width-1-4@l uk-width-1-3" v-if="video">
+            <div class="uk-width-1-5@xl uk-width-1-4@l uk-width-1 uk-flex-last@l uk-flex-first" v-if="video">
                 <div
                     class="uk-tile-default uk-width-auto"
                     :style="[{ background: backgroundColor }]"