From becd196b013c1a673759d9e37a0f499e09843fd0 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Mon, 19 Aug 2024 22:07:01 +0200
Subject: [PATCH] Improved movie page styling. Fixed parentless channel icon in
 channel filter.

---
 components/filters/channels.vue | 2 +-
 components/movies/movies.vue    | 1 +
 pages/movies/+Page.vue          | 9 ++++++++-
 pages/movies/@movieId/+Page.vue | 1 +
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/filters/channels.vue b/components/filters/channels.vue
index f970bb1..418ae85 100644
--- a/components/filters/channels.vue
+++ b/components/filters/channels.vue
@@ -47,7 +47,7 @@
 							:title="entity.name"
 						>
 							<img
-								v-if="entity.isIndependent || entity.type === 'network'"
+								v-if="entity.isIndependent || entity.type === 'network' || !entity.parent"
 								:src="`/logos/${entity.slug}/favicon_dark.png`"
 								class="favicon"
 							>
diff --git a/components/movies/movies.vue b/components/movies/movies.vue
index 19ecf1f..3c2696a 100644
--- a/components/movies/movies.vue
+++ b/components/movies/movies.vue
@@ -228,6 +228,7 @@ function updateFilter(prop, value, reload = true) {
 <style scoped>
 .movies-page {
 	display: flex;
+	flex-grow: 1;
 	background: var(--background-base-10);
 }
 
diff --git a/pages/movies/+Page.vue b/pages/movies/+Page.vue
index eda5d30..ed20fc7 100644
--- a/pages/movies/+Page.vue
+++ b/pages/movies/+Page.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div class="page">
 		<Movies />
 	</div>
 </template>
@@ -7,3 +7,10 @@
 <script setup>
 import Movies from '#/components/movies/movies.vue';
 </script>
+
+<style scoped>
+.page {
+	display: flex;
+	flex-grow: 1;
+}
+</style>
diff --git a/pages/movies/@movieId/+Page.vue b/pages/movies/@movieId/+Page.vue
index 9f21bf3..1e6fca3 100644
--- a/pages/movies/@movieId/+Page.vue
+++ b/pages/movies/@movieId/+Page.vue
@@ -249,6 +249,7 @@ const scenes = pageContext.pageProps.scenes;
 <style scoped>
 .page {
 	display: flex;
+	flex-grow: 1;
 	justify-content: center;
 	background: var(--background-base-10);
 }