From 4baa89c8e16d8755691d6f36575038e0d2626cc2 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Tue, 2 Jul 2024 16:54:39 -0500
Subject: [PATCH] Fix:Audio player chapter name text overflow

---
 client/components/player/PlayerUi.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/player/PlayerUi.vue b/client/components/player/PlayerUi.vue
index c926934b..d4a9be65 100644
--- a/client/components/player/PlayerUi.vue
+++ b/client/components/player/PlayerUi.vue
@@ -52,7 +52,7 @@
       <p ref="currentTimestamp" class="font-mono text-xxs sm:text-sm text-gray-100 pointer-events-auto">00:00:00</p>
       <p class="font-mono text-sm hidden sm:block text-gray-100 pointer-events-auto">&nbsp;/&nbsp;{{ progressPercent }}%</p>
       <div class="flex-grow" />
-      <p class="text-xs sm:text-sm text-gray-300 pt-0.5">
+      <p class="text-xs sm:text-sm text-gray-300 pt-0.5 px-2 truncate">
         {{ currentChapterName }} <span v-if="useChapterTrack" class="text-xs text-gray-400">&nbsp;({{ $getString('LabelPlayerChapterNumberMarker', [currentChapterIndex + 1, chapters.length]) }})</span>
       </p>
       <div class="flex-grow" />