From 84497816720dccec96c7e843aa81a17a402f26b0 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 16 Aug 2022 16:10:50 +0200
Subject: [PATCH] change(ui) - dashboard link color

---
 .../Dashboard/components/DashboardList/DashboardListItem.tsx    | 2 +-
 .../components/DashboardWidgetGrid/DashboardWidgetGrid.tsx      | 2 +-
 .../Dashboard/components/MetricListItem/MetricListItem.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
index febb38531..c3dde5d2e 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
@@ -29,7 +29,7 @@ function DashboardListItem(props: Props) {
                         <div className="w-9 h-9 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">
                             <Icon name="columns-gap" size="16" color="tealx" />
                         </div>
-                        <div className="color-blue capitalize-first">{dashboard.name}</div>
+                        <div className="link capitalize-first">{dashboard.name}</div>
                     </div>
                 </div>
                 {/* <div><Label className="capitalize">{metric.metricType}</Label></div> */}
diff --git a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
index 74c1d5c3d..5807e0c3d 100644
--- a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/DashboardWidgetGrid.tsx
@@ -26,7 +26,7 @@ function DashboardWidgetGrid(props: Props) {
                 icon="no-metrics-chart"
                 title={<span className="text-2xl capitalize-first text-figmaColors-text-primary">Build your dashboard</span>}
                 subtext={
-                    <div className="w-4/5 m-auto"><AddMetricContainer siteId={siteId} /></div>
+                    <div className="w-4/5 m-auto mt-4"><AddMetricContainer siteId={siteId} /></div>
                 }
             >
                 <div className="grid gap-4 grid-cols-4 items-start pb-10" id={props.id}>
diff --git a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
index 23bcedb2e..6361f2536 100644
--- a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
+++ b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
@@ -49,7 +49,7 @@ function MetricListItem(props: Props) {
             <div className="col-span-3 flex items-start">
                 <div className="flex items-center">
                     <MetricTypeIcon type={metric.metricType} />
-                    <div className="color-blue capitalize-first">
+                    <div className="link capitalize-first">
                         {metric.name}
                     </div>
                 </div>