From 3be7a63850c9552967b375b7eaccfac01fabd833 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 4 Jul 2024 10:45:16 +0200
Subject: [PATCH] change(ui): dashboard inputs

---
 .../DashboardList/NewDashModal/ExampleCards.tsx       |  2 +-
 .../Dashboard/components/WidgetForm/WidgetFormNew.tsx | 11 +++++------
 .../Dashboard/components/WidgetView/WidgetView.tsx    |  1 -
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/ExampleCards.tsx b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/ExampleCards.tsx
index 228c7550b..bbecb8940 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/ExampleCards.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/ExampleCards.tsx
@@ -402,7 +402,7 @@ export const CARD_LIST: CardType[] = [
 
   // Errors Tracking
   {
-    title: 'JS Errors',
+    title: 'Sessions Impacted by JS Errors',
     key: FilterKey.IMPACTED_SESSIONS_BY_JS_ERRORS,
     cardType: ERRORS,
     metricOf: FilterKey.IMPACTED_SESSIONS_BY_JS_ERRORS,
diff --git a/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx b/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx
index b7d246231..c088fb29d 100644
--- a/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetForm/WidgetFormNew.tsx
@@ -111,18 +111,17 @@ const FilterSection = observer(({ metric, excludeFilterKeys }: any) => {
       }
 
       {!isSingleSeries && canAddSeries && (
-        <Card styles={{ body: { padding: '4px' } }}>
+        <Card styles={{body: {padding: '4px'}}} className='rounded-full shadow-sm'>
           <Button
-            type="link"
-            onClick={() => {
-              metric.addSeries();
-
+            type='link'
+            onClick={() => {metric.addSeries();
             }}
             disabled={!canAddSeries}
             size="small"
+            className='block w-full'
           >
             <Space>
-              <AudioWaveform size={16} />
+              <AudioWaveform size={16}/>
               New Chart Series
             </Space>
           </Button>
diff --git a/frontend/app/components/Dashboard/components/WidgetView/WidgetView.tsx b/frontend/app/components/Dashboard/components/WidgetView/WidgetView.tsx
index db9d77294..7c2809e39 100644
--- a/frontend/app/components/Dashboard/components/WidgetView/WidgetView.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetView/WidgetView.tsx
@@ -144,7 +144,6 @@ function WidgetView(props: Props) {
             {/*<div className="bg-white rounded border mt-3">*/}
             {/*    <WidgetForm expanded={expanded} onDelete={onBackHandler} {...props} />*/}
             {/*</div>*/}
-            <div className="my-1" />
 
             <WidgetPreview name={widget.name} isEditing={expanded} />