From 5edff98942c80939d57a97b50be975739ab87ec6 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Wed, 29 Dec 2021 16:21:07 -0600
Subject: [PATCH] Fix:Stat sessions title text overflow

---
 client/pages/config/stats.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/pages/config/stats.vue b/client/pages/config/stats.vue
index 6509e4ce..230a4fc1 100644
--- a/client/pages/config/stats.vue
+++ b/client/pages/config/stats.vue
@@ -38,13 +38,13 @@
         <template v-for="(book, index) in mostRecentListeningSessions">
           <div :key="book.id" class="w-full py-0.5">
             <div class="flex items-center mb-1">
-              <p class="text-sm font-book text-white text-opacity-70 w-6 truncate">{{ index + 1 }}.</p>
-              <div>
+              <p class="text-sm font-book text-white text-opacity-70 w-6 truncate">{{ index + 1 }}.&nbsp;</p>
+              <div class="w-56">
                 <p class="text-sm font-book text-white text-opacity-80 truncate">{{ book.audiobookTitle }}</p>
                 <p class="text-xs text-white text-opacity-50">{{ $dateDistanceFromNow(book.lastUpdate) }}</p>
               </div>
               <div class="flex-grow" />
-              <div class="w-18 text-right ml-3">
+              <div class="w-18 text-right">
                 <p class="text-sm font-bold">{{ $elapsedPretty(book.timeListening) }}</p>
               </div>
             </div>