From f556d37fafe4bd385f121869a47a9cc6c46469e8 Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Thu, 16 Mar 2023 16:26:09 +0100
Subject: [PATCH] Minor visual improvements to the channel page

---
 src/components/ChannelPage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ChannelPage.vue b/src/components/ChannelPage.vue
index 1963090b..6bcbed31 100644
--- a/src/components/ChannelPage.vue
+++ b/src/components/ChannelPage.vue
@@ -43,11 +43,11 @@
         </div>
 
         <!-- eslint-disable-next-line vue/no-v-html -->
-        <div class="whitespace-pre-wrap py-2">
+        <div class="whitespace-pre-wrap py-2 mx-1">
             <span v-if="fullDescription" v-html="purifyHTML(rewriteDescription(channel.description))" />
             <span v-html="purifyHTML(rewriteDescription(channel.description.slice(0, 100))) + '...'" v-else />
             <button
-                class="hover:underline font-semibold text-neutral-500 ml-1"
+                class="hover:underline font-semibold text-neutral-500 block whitespace-normal"
                 @click="fullDescription = !fullDescription"
             >
                 [{{ fullDescription ? $t("actions.show_less") : $t("actions.show_more") }}]
@@ -56,7 +56,7 @@
 
         <WatchOnYouTubeButton :link="`https://youtube.com/channel/${this.channel.id}`" />
 
-        <div class="flex my-2">
+        <div class="flex my-2 mx-1">
             <button
                 v-for="(tab, index) in tabs"
                 :key="tab.name"