From e613ee8aeabf5f3d1364c23d093c4d9aef8ff951 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 16 Aug 2022 16:23:45 +0200
Subject: [PATCH] change(ui) - padding in dashboard list and metrics

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

diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
index 357f772f4..dd0ebb1ad 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardList.tsx
@@ -30,7 +30,7 @@ function DashboardList() {
             }   
         >
             <div className="mt-3 border-b">
-                <div className="grid grid-cols-12 py-2 font-medium -mx-2 px-2">
+                <div className="grid grid-cols-12 py-2 font-medium px-3">
                   <div className="col-span-8">Title</div>
                   <div  className="col-span-2">Visibility</div>
                   <div className="col-span-2 text-right">Created</div>
diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
index c3dde5d2e..ad532d21c 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
@@ -22,7 +22,7 @@ function DashboardListItem(props: Props) {
         history.push(path);
     };
     return (
-        <div className="hover:bg-active-blue cursor-pointer border-t -mx-2 px-2" onClick={onItemClick}>
+        <div className="hover:bg-active-blue cursor-pointer border-t px-3" onClick={onItemClick}>
             <div className="grid grid-cols-12 py-4 select-none">
                 <div className="col-span-8 flex items-start">
                     <div className="flex items-center capitalize-first">
diff --git a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
index 6361f2536..094c7a904 100644
--- a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
+++ b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
@@ -45,7 +45,7 @@ function MetricListItem(props: Props) {
         history.push(path);
     };
     return (
-        <div className="grid grid-cols-12 py-4 border-t select-none hover:bg-active-blue cursor-pointer" onClick={onItemClick}>
+        <div className="grid grid-cols-12 py-4 border-t select-none hover:bg-active-blue cursor-pointer px-3" onClick={onItemClick}>
             <div className="col-span-3 flex items-start">
                 <div className="flex items-center">
                     <MetricTypeIcon type={metric.metricType} />
diff --git a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
index e64026822..9a6646ad2 100644
--- a/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
+++ b/frontend/app/components/Dashboard/components/MetricsList/MetricsList.tsx
@@ -36,7 +36,7 @@ function MetricsList({ siteId }: { siteId: string }) {
             }   
         >
             <div className="mt-3 border-b rounded bg-white">
-                <div className="grid grid-cols-12 py-2 font-medium">
+                <div className="grid grid-cols-12 py-2 font-medium px-3">
                     <div className="col-span-3">Title</div>
                     <div className="col-span-3">Owner</div>
                     <div  className="col-span-4">Visibility</div>