From 0b6522d3a85e53757b6adc7eab5c8cc43af2a082 Mon Sep 17 00:00:00 2001
From: Gautier Darchen <gautier.darchen@swile.co>
Date: Mon, 1 Jul 2024 09:20:32 +0200
Subject: [PATCH] fix(watch): trim tl;dr and do not justify it on mobile

---
 src/app/watch/watchResource.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/watch/watchResource.tsx b/src/app/watch/watchResource.tsx
index bc13fea..a7a9f25 100644
--- a/src/app/watch/watchResource.tsx
+++ b/src/app/watch/watchResource.tsx
@@ -34,7 +34,8 @@ const ResourceType: FC<{ type: WatchResource['type'] }> = ({ type }) => {
 
 const WatchResource: FC<Props> = ({ resource }) => {
   const { title, tldr, source, subSource, url, type } = resource
-  const tldrWithDot = tldr?.endsWith('.') ? tldr : `${tldr}.`
+  const trimedTldr = tldr?.trim()
+  const tldrWithDot = trimedTldr?.endsWith('.') ? trimedTldr : `${trimedTldr}.`
 
   return (
     <a
@@ -48,7 +49,7 @@ const WatchResource: FC<Props> = ({ resource }) => {
           {title}
         </h5>
         <div className="grid grid-cols-6 gap-4 font-normal text-gray-700 dark:text-gray-400">
-          <div className="col-span-6 line-clamp-4 text-justify font-mono text-xs md:line-clamp-6">
+          <div className="col-span-6 line-clamp-4 text-left font-mono text-xs md:line-clamp-6 md:text-justify">
             {tldrWithDot}
           </div>
         </div>