From 19d7018c8eb82a6393cca8d8461cc97245350731 Mon Sep 17 00:00:00 2001
From: Ethan <ethan@etekweb.net>
Date: Wed, 23 Mar 2022 11:13:43 -0500
Subject: [PATCH] shrink thumbnails and shift text in landscape video list

---
 .../VideoRenderers/compactVideoRenderer.vue   | 26 +++++++++++++++++--
 .../VideoRenderers/gridVideoRenderer.vue      | 26 +++++++++++++++++--
 .../app/src/main/assets/capacitor.config.json |  8 +++---
 3 files changed, 52 insertions(+), 8 deletions(-)

diff --git a/NUXT/components/VideoRenderers/compactVideoRenderer.vue b/NUXT/components/VideoRenderers/compactVideoRenderer.vue
index 1091e91..866097b 100644
--- a/NUXT/components/VideoRenderers/compactVideoRenderer.vue
+++ b/NUXT/components/VideoRenderers/compactVideoRenderer.vue
@@ -4,7 +4,7 @@
     :to="`/watch?v=${video.videoId}`"
     flat
   >
-    <div style="position: relative">
+    <div style="position: relative" class="thumbnail-container">
       <v-img
         :aspect-ratio="16 / 9"
         :src="$youtube.getThumbnail(video.videoId, 'max')"
@@ -35,7 +35,7 @@
           :src="video.channelThumbnail.thumbnails[0].url"
         />
       </a>
-      <v-card-text class="pt-2">
+      <v-card-text class="video-info pt-2">
         <div
           v-for="title in video.title.runs"
           :key="title.text"
@@ -92,6 +92,28 @@
   flex-direction: row;
   flex-basis: auto;
 }
+
+@media screen and (orientation: landscape) {
+  .entry {
+    margin-bottom: 8px;
+  }
+  .thumbnail-container {
+    width: 50vh;
+    float: left;
+  }
+  #details {
+    flex-direction: column-reverse;
+  }
+  .avatar-thumbnail {
+    margin-top: 0;
+    margin-left: 16px;
+  }
+  .video-info {
+    padding-top: 0 !important;
+    padding-bottom: 0;
+    margin-top: 0;
+  }
+}
 </style>
 
 <script>
diff --git a/NUXT/components/VideoRenderers/gridVideoRenderer.vue b/NUXT/components/VideoRenderers/gridVideoRenderer.vue
index 1091e91..866097b 100644
--- a/NUXT/components/VideoRenderers/gridVideoRenderer.vue
+++ b/NUXT/components/VideoRenderers/gridVideoRenderer.vue
@@ -4,7 +4,7 @@
     :to="`/watch?v=${video.videoId}`"
     flat
   >
-    <div style="position: relative">
+    <div style="position: relative" class="thumbnail-container">
       <v-img
         :aspect-ratio="16 / 9"
         :src="$youtube.getThumbnail(video.videoId, 'max')"
@@ -35,7 +35,7 @@
           :src="video.channelThumbnail.thumbnails[0].url"
         />
       </a>
-      <v-card-text class="pt-2">
+      <v-card-text class="video-info pt-2">
         <div
           v-for="title in video.title.runs"
           :key="title.text"
@@ -92,6 +92,28 @@
   flex-direction: row;
   flex-basis: auto;
 }
+
+@media screen and (orientation: landscape) {
+  .entry {
+    margin-bottom: 8px;
+  }
+  .thumbnail-container {
+    width: 50vh;
+    float: left;
+  }
+  #details {
+    flex-direction: column-reverse;
+  }
+  .avatar-thumbnail {
+    margin-top: 0;
+    margin-left: 16px;
+  }
+  .video-info {
+    padding-top: 0 !important;
+    padding-bottom: 0;
+    margin-top: 0;
+  }
+}
 </style>
 
 <script>
diff --git a/android/app/src/main/assets/capacitor.config.json b/android/app/src/main/assets/capacitor.config.json
index 33e2244..97d52be 100644
--- a/android/app/src/main/assets/capacitor.config.json
+++ b/android/app/src/main/assets/capacitor.config.json
@@ -10,16 +10,16 @@
 	"plugins": {
 		"SplashScreen": {
 			"launchShowDuration": 100,
-			"launchAutoHide": true,
+			"launchAutoHide": false,
 			"backgroundColor": "#111111",
 			"androidSplashResourceName": "splash",
 			"androidScaleType": "CENTER_CROP",
 			"androidSpinnerStyle": "large",
 			"iosSpinnerStyle": "small",
 			"spinnerColor": "#999999",
-			"showSpinner": true,
-			"splashFullScreen": true,
-			"splashImmersive": true
+			"showSpinner": false,
+			"splashFullScreen": false,
+			"splashImmersive": false
 		}
 	}
 }