From 799879d67d50bc9e0095d1d2d0033a67dfd83433 Mon Sep 17 00:00:00 2001
From: Mike Smith <smithmd@interlochen.org>
Date: Fri, 21 Feb 2025 18:45:29 -0500
Subject: [PATCH] prevent long author strings from pushing the player controls
 down by truncating (#3944)

* prevent long author strings from pushing the player controls down by truncating

* move truncate to single author, instead of the main container
---
 client/components/app/MediaPlayerContainer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/app/MediaPlayerContainer.vue b/client/components/app/MediaPlayerContainer.vue
index 8aa6188b..962ec2e8 100644
--- a/client/components/app/MediaPlayerContainer.vue
+++ b/client/components/app/MediaPlayerContainer.vue
@@ -13,7 +13,7 @@
         </div>
         <div class="text-gray-400 flex items-center w-1/2 sm:w-4/5 lg:w-2/5">
           <span class="material-symbols text-sm">person</span>
-          <div v-if="podcastAuthor" class="pl-1 sm:pl-1.5 text-xs sm:text-base">{{ podcastAuthor }}</div>
+          <div v-if="podcastAuthor" class="pl-1 sm:pl-1.5 text-xs sm:text-base truncate">{{ podcastAuthor }}</div>
           <div v-else-if="authors.length" class="pl-1 sm:pl-1.5 text-xs sm:text-base truncate">
             <nuxt-link v-for="(author, index) in authors" :key="index" :to="`/author/${author.id}`" class="hover:underline">{{ author.name }}<span v-if="index < authors.length - 1">,&nbsp;</span></nuxt-link>
           </div>