feature(ui) - heatmaps stylings

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}

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;
     }    
   }

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>