From fe158e7ba5685c9b2830a21fbc7b67499d7996ca Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 10 May 2024 18:30:34 +0200
Subject: [PATCH] Change UI minor (#2188)

* change(ui): pagination input width

* fix ui: fix usability test description check

---------

Co-authored-by: nick-delirium <nikita@openreplay.com>
---
 frontend/app/components/UsabilityTesting/TestOverview.tsx | 4 ++--
 frontend/app/styles/global.scss                           | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/UsabilityTesting/TestOverview.tsx b/frontend/app/components/UsabilityTesting/TestOverview.tsx
index 3ef7b3948..e9e23e0cd 100644
--- a/frontend/app/components/UsabilityTesting/TestOverview.tsx
+++ b/frontend/app/components/UsabilityTesting/TestOverview.tsx
@@ -403,7 +403,7 @@ const Title = observer(({ testId, siteId }: any) => {
     return null;
   }
 
-  const truncatedDescr =
+  const truncatedDescr = uxtestingStore.instance?.description &&
     uxtestingStore.instance.description.length > 250 && truncate
       ? uxtestingStore.instance?.description.substring(0, 250) + '...'
       : uxtestingStore.instance?.description;
@@ -504,7 +504,7 @@ const Title = observer(({ testId, siteId }: any) => {
         </Dropdown>
       </div>
       <div className={'whitespace-pre-wrap mt-2'}>{truncatedDescr}</div>
-      {uxtestingStore.instance.description.length > 250 ? (
+      {uxtestingStore.instance?.description && uxtestingStore.instance.description.length > 250 ? (
         <div className={'link'} onClick={() => setTruncate(!truncate)}>
           {truncate ? 'Show more' : 'Show less'}
         </div>
diff --git a/frontend/app/styles/global.scss b/frontend/app/styles/global.scss
index c25d0cc7b..7c6ae7ec1 100644
--- a/frontend/app/styles/global.scss
+++ b/frontend/app/styles/global.scss
@@ -22,3 +22,11 @@ input.no-focus:focus {
     @apply inline-block;
   }
 }
+
+.lucide {
+  stroke-width: 1.5px;
+}
+
+.ant-pagination-simple-pager input {
+  min-width: 80px;
+}