From 333a5bf9e50c0ec98707b5d3234300fd4a70f0ac Mon Sep 17 00:00:00 2001
From: Justyn Boyer <justynboyer@gmail.com>
Date: Fri, 11 Sep 2020 19:00:00 +0100
Subject: [PATCH] fix(/anime and /manga): rearrange images

---
 src/pages/Anime.vue | 20 +++++++++++---------
 src/pages/Manga.vue |  7 ++++---
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/pages/Anime.vue b/src/pages/Anime.vue
index 20f8b887..cbf5d54a 100644
--- a/src/pages/Anime.vue
+++ b/src/pages/Anime.vue
@@ -14,15 +14,9 @@
             $q.screen.width > 800 ? 'row' : 'col'
           ]"
         >
-          <div class="col-3">
-            <q-img :src="anime.image_url" />
-            <div
-              v-if="anime.trailer_url"
-              id="player"
-              data-plyr-provider="youtube"
-              class="q-ma-lg"
-              :data-plyr-embed-id="anime.trailer_url"
-            ></div>
+          <div class="q-ma-xl col-2">
+            <img :src="anime.image_url" />
+            <br />
             <q-btn
               rel="noopener"
               class="q-ma-sm"
@@ -114,6 +108,14 @@
               </div>
             </q-card>
           </div>
+          <div v-if="anime.trailer_url" class="col-3">
+            <div
+              id="player"
+              data-plyr-provider="youtube"
+              class="q-ma-lg"
+              :data-plyr-embed-id="anime.trailer_url"
+            ></div>
+          </div>
           <div v-if="sugg.length > 0" class="col-10">
             <h3 disabled>More like this</h3>
             <q-scroll-area horizontal class="q-ma-md" style="height: 400px;">
diff --git a/src/pages/Manga.vue b/src/pages/Manga.vue
index 86b1506d..c7fedbb6 100644
--- a/src/pages/Manga.vue
+++ b/src/pages/Manga.vue
@@ -14,8 +14,9 @@
             $q.screen.width > 800 ? 'row' : 'col'
           ]"
         >
-          <div class="col-3">
-            <q-img :src="manga.image_url" />
+          <div class="col-2">
+            <img :src="manga.image_url" />
+            <br />
             <q-btn
               rel="noopener"
               class="q-ma-sm"
@@ -28,7 +29,7 @@
               Open in MAL</q-btn
             >
           </div>
-          <div class="col-5">
+          <div class="col-7">
             <h2>{{ manga.title }}</h2>
 
             <h6 class="disabled">{{ manga.title_english }}</h6>