From bc3d39c1cefa08520aff25e8024f38abeed846fa Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 4 Aug 2021 13:01:41 +0530
Subject: [PATCH] feature(ui) - heatmaps stylings

---
 .../components/Session_/PageInsightsPanel/PageInsightsPanel.tsx | 2 +-
 .../PageInsightsPanel/components/SelectorCard/SelectorCard.css  | 2 +-
 .../PageInsightsPanel/components/SelectorCard/SelectorCard.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx b/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx
index 8929a3b5b..a46db53b1 100644
--- a/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx
+++ b/frontend/app/components/Session_/PageInsightsPanel/PageInsightsPanel.tsx
@@ -45,7 +45,7 @@ function PageInsightsPanel({ filters, fetchInsights, events = [], insights, urlO
 
   return (
     <div className="px-4 bg-gray-lightest">
-      <div className="my-3 flex">
+      <div className="my-3 flex -ml-2">
         <DateRange
           // rangeValue={filters.rangeValue}
           startDate={filters.startDate}
diff --git a/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.css b/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.css
index 413790a57..e4bf89995 100644
--- a/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.css
+++ b/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.css
@@ -33,7 +33,7 @@
     margin: 20px 0;
 
     & div:first-child {
-      font-size: 20px;
+      font-size: 18px;
       margin-bottom: 5px;
     }    
   }
diff --git a/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.tsx b/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.tsx
index 735c38158..4e39b08e6 100644
--- a/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.tsx
+++ b/frontend/app/components/Session_/PageInsightsPanel/components/SelectorCard/SelectorCard.tsx
@@ -20,7 +20,7 @@ export default function SelectorCard({ index = 1, target, showContent } : Props)
       { showContent && (
         <div className={stl.counts}>
           <div>{target.count} Clicks - {target.percent}%</div>
-          <div>TOTAL CLICKS</div>
+          <div className="color-gray-medium">TOTAL CLICKS</div>
         </div>
       ) }      
     </div>