fix banner on mobile

src/components/Feed/Banner.vue

@@ -7,23 +7,25 @@
 				:is-no-user="true"
 				:size="128"
 				:url="imageUrl" />
-			<div class="infos">
+			<div class="inner">
-				<h2>{{ title }}</h2>
+				<div class="infos">
-				<a :href="link" target="_blank">
+					<h2>{{ title }}</h2>
-					<i>{{ author }}</i>
+					<a :href="link" target="_blank">
-				</a>
+						<i>{{ author }}</i>
-				<br><br>
+					</a>
-				<p>
+					<br><br>
-					<small>{{ description | stripHTML }}</small>
+					<p>
-				</p>
+						<small>{{ description | stripHTML }}</small>
+					</p>
+				</div>
+				<NcAppNavigationNew v-if="!isSubscribed"
+					:text="t('Subscribe')"
+					@click="addSubscription">
+					<template #icon>
+						<Plus :size="20" />
+					</template>
+				</NcAppNavigationNew>
 			</div>
-			<NcAppNavigationNew v-if="!isSubscribed"
-				:text="t('Subscribe')"
-				@click="addSubscription">
-				<template #icon>
-					<Plus :size="20" />
-				</template>
-			</NcAppNavigationNew>
 		</div>
 	</div>
 </template>
@@ -107,7 +109,6 @@ export default {
 		display: flex;
 		gap: 2rem;
 		height: 10rem;
-		overflow: auto;
 		position: relative;
 	}
 
@@ -117,4 +118,18 @@ export default {
 		padding: 2rem;
 		position: relative;
 	}
+
+	.infos {
+		overflow: auto;
+	}
+
+	.inner {
+		display: flex;
+	}
+
+	@media only screen and (max-width: 768px) {
+		.inner {
+			flex-direction: column;
+		}
+	}
 </style>