From 7c151d8f58bb63b1c0b7c669cb14503d24c77d98 Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Tue, 27 Aug 2024 17:39:53 +0200
Subject: [PATCH] style: :lipstick: tweak home for mobile

---
 src/components/Feed/Favorites.vue | 13 ++++++++++++-
 src/components/Player/Bar.vue     |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/Feed/Favorites.vue b/src/components/Feed/Favorites.vue
index 16f7605..d9febb3 100644
--- a/src/components/Feed/Favorites.vue
+++ b/src/components/Feed/Favorites.vue
@@ -3,12 +3,13 @@
 		<Loading v-if="!currentFavoriteData" />
 		<NcAvatar
 			v-if="currentFavoriteData"
+			class="avatar"
 			:display-name="currentFavoriteData.author || currentFavoriteData.title"
 			:is-no-user="true"
 			:size="222"
 			:url="currentFavoriteData.imageUrl" />
 		<div class="list">
-			<h2>{{ currentFavoriteData.title }}</h2>
+			<h2 class="title">{{ currentFavoriteData.title }}</h2>
 			<Loading v-if="loading" />
 			<ul v-if="!loading">
 				<Episode
@@ -94,4 +95,14 @@ export default {
 .list {
 	flex: 1;
 }
+
+.title {
+	text-align: center;
+}
+
+@media only screen and (max-width: 768px) {
+	.avatar {
+		display: none;
+	}
+}
 </style>
diff --git a/src/components/Player/Bar.vue b/src/components/Player/Bar.vue
index 8e685c4..5ffec3c 100644
--- a/src/components/Player/Bar.vue
+++ b/src/components/Player/Bar.vue
@@ -78,7 +78,7 @@ export default {
 
 @media only screen and (max-width: 768px) {
 	.infos {
-		flex: 2;
+		flex: 1;
 	}
 
 	.timer,