From d50dfa1def50768691a304e3de9b323b7f84e5b7 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 7 Dec 2023 15:47:18 +0100
Subject: [PATCH] fix(ui) uxt fixes

---
 .../components/Session_/EventsBlock/UtxEvent.tsx   |  2 +-
 .../components/UsabilityTesting/TestOverview.tsx   | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/Session_/EventsBlock/UtxEvent.tsx b/frontend/app/components/Session_/EventsBlock/UtxEvent.tsx
index eec4e0395..99dfead56 100644
--- a/frontend/app/components/Session_/EventsBlock/UtxEvent.tsx
+++ b/frontend/app/components/Session_/EventsBlock/UtxEvent.tsx
@@ -13,7 +13,7 @@ function UtxEvent({ event }: any) {
           </Tooltip>
           <div className={'color-gray-medium ml-auto'}>{durationFromMsFormatted(event.duration)}</div>
         </div>
-        <div className="font-semibold">{event.title}</div>
+        <div className="font-semibold pt-1">{event.title}</div>
       </div>
       {event.comment ? (
         <div className={'border border-gray-light rounded bg-cyan py-2 px-4 mx-4 mb-4 shadow'}>
diff --git a/frontend/app/components/UsabilityTesting/TestOverview.tsx b/frontend/app/components/UsabilityTesting/TestOverview.tsx
index 4725c6301..f990a15f0 100644
--- a/frontend/app/components/UsabilityTesting/TestOverview.tsx
+++ b/frontend/app/components/UsabilityTesting/TestOverview.tsx
@@ -129,6 +129,7 @@ function TestOverview() {
           <Button
             type={'primary'}
             ghost
+            disabled={uxtestingStore.instance.responsesCount === 0}
             onClick={() => showModal(<ResponsesOverview />, { right: true, width: 900 })}
           >
             <Space align={'center'}>
@@ -402,7 +403,12 @@ const Title = observer(({ testId, siteId }: any) => {
           optionRender={(item) => (
             <Space align={'center'}>
               <div
-                style={{ background: getColor(item.value), width: 12, height: 12, borderRadius: 32 }}
+                style={{
+                  background: getColor(item.value),
+                  width: 12,
+                  height: 12,
+                  borderRadius: 32,
+                }}
               />
               {item.data.icon} {item.label}
             </Space>
@@ -422,8 +428,10 @@ const Title = observer(({ testId, siteId }: any) => {
           title={'Participants Link'}
           content={
             <div style={{ width: '220px' }}>
-              Distribute following link via email or other methods to share the survey with test
-              participants.
+              <div className={'text-disabled-text text-sm'}>
+                Distribute following link via email or other methods to share the survey with test
+                participants.
+              </div>
               <div
                 style={{ background: '#E4F6F6' }}
                 className={'p-2 rounded border shadow break-all my-2'}