From b1070861a102111eea0e22aa168cf1bcbbb4efda Mon Sep 17 00:00:00 2001
From: sijumoncy <72241997+sijumoncy@users.noreply.github.com>
Date: Thu, 9 Nov 2023 16:14:11 +0530
Subject: [PATCH 1/2] fixed long description is breaking project listing ui

---
 renderer/src/components/Projects/ProjectRow.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/renderer/src/components/Projects/ProjectRow.js b/renderer/src/components/Projects/ProjectRow.js
index 2805970e1..134866883 100644
--- a/renderer/src/components/Projects/ProjectRow.js
+++ b/renderer/src/components/Projects/ProjectRow.js
@@ -124,12 +124,20 @@ const ProjectRow = ({
                 leaveTo="transform scale-95 opacity-0"
               >
                 <Disclosure.Panel as="tr" key={project.name}>
-                  <td className="px-6 py-4">
-                    <div className="text-xxs uppercase font-regular text-gray-500 tracking-wider p-1">description</div>
-                    <div aria-label="project-description-display" className="text-sm tracking-wide p-1">{project.description}</div>
+                  <td aria-label="empty column" />
+                  <td colSpan={2} className="px-6 py-4">
+                    <div className="text-xxs uppercase font-regular text-gray-500 tracking-wider p-1">{t('label-description')}</div>
+                    <div
+                      title={project.description}
+                      aria-label="project-description-display"
+                      className="text-sm tracking-wide md:max-w-[200px] lg:max-w-[400px] xl:max-w-[550px] p-1 overflow-hidden truncate"
+                    >
+                      {project.description}
+
+                    </div>
                   </td>
                   <td colSpan="3" className="px-5">
-                    <div className="text-xxs uppercase font-regular text-gray-500 tracking-wider p-1">Project ID</div>
+                    <div className="text-xxs uppercase font-regular text-gray-500 tracking-wider p-1">{t('label-project-id')}</div>
                     <div className="text-sm tracking-wide p-1">{project.id[0]}</div>
                   </td>
                   <td className="pl-5">

From 36e08a89bd2fc12336fd1451120d76a98ed8629b Mon Sep 17 00:00:00 2001
From: sijumoncy <72241997+sijumoncy@users.noreply.github.com>
Date: Thu, 9 Nov 2023 16:20:17 +0530
Subject: [PATCH 2/2] fixed extra option to prev column

---
 renderer/src/components/Projects/ProjectRow.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/renderer/src/components/Projects/ProjectRow.js b/renderer/src/components/Projects/ProjectRow.js
index 134866883..12bef01d9 100644
--- a/renderer/src/components/Projects/ProjectRow.js
+++ b/renderer/src/components/Projects/ProjectRow.js
@@ -136,7 +136,7 @@ const ProjectRow = ({
 
                     </div>
                   </td>
-                  <td colSpan="3" className="px-5">
+                  <td colSpan="2" className="px-5">
                     <div className="text-xxs uppercase font-regular text-gray-500 tracking-wider p-1">{t('label-project-id')}</div>
                     <div className="text-sm tracking-wide p-1">{project.id[0]}</div>
                   </td>