From c5599f1e2091421a973e03fefeec0cf7f163d33b Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Sun, 2 Aug 2020 00:51:26 -0700
Subject: [PATCH] CSS fixes.

---
 components/MetricsBar.module.css     | 10 ++++++++++
 components/WebsiteDetails.js         |  6 +++---
 components/WebsiteDetails.module.css | 12 ++++++++++++
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/components/MetricsBar.module.css b/components/MetricsBar.module.css
index abde53a3..ddfe5c7d 100644
--- a/components/MetricsBar.module.css
+++ b/components/MetricsBar.module.css
@@ -1,3 +1,13 @@
 .container {
   display: flex;
 }
+
+@media only screen and (max-width: 1000px) {
+  .container {
+    padding-bottom: 20px;
+  }
+
+  .container > div:last-child {
+    display: none;
+  }
+}
diff --git a/components/WebsiteDetails.js b/components/WebsiteDetails.js
index e13015c5..6b963f1b 100644
--- a/components/WebsiteDetails.js
+++ b/components/WebsiteDetails.js
@@ -23,7 +23,7 @@ export default function WebsiteDetails({ websiteId, defaultDateRange = '7day' })
   }
 
   function handleDateChange(values) {
-    setDateRange(values);
+    setTimeout(() => setDateRange(values), 300);
   }
 
   useEffect(() => {
@@ -58,7 +58,7 @@ export default function WebsiteDetails({ websiteId, defaultDateRange = '7day' })
           <CheckVisible>
             {visible => (
               <RankingsChart
-                title="Top URLs"
+                title="Pages"
                 type="url"
                 heading="Views"
                 websiteId={data.website_id}
@@ -74,7 +74,7 @@ export default function WebsiteDetails({ websiteId, defaultDateRange = '7day' })
           <CheckVisible>
             {visible => (
               <RankingsChart
-                title="Top referrers"
+                title="Referrers"
                 type="referrer"
                 heading="Views"
                 websiteId={data.website_id}
diff --git a/components/WebsiteDetails.module.css b/components/WebsiteDetails.module.css
index 7f90b36f..a22b1d6d 100644
--- a/components/WebsiteDetails.module.css
+++ b/components/WebsiteDetails.module.css
@@ -19,3 +19,15 @@
 .row > [class*='col-']:last-child {
   padding-right: 0;
 }
+
+@media only screen and (max-width: 1000px) {
+  .row {
+    border: 0;
+  }
+
+  .row > [class*='col-'] {
+    border-top: 1px solid #e1e1e1;
+    border-left: 0;
+    padding: 0;
+  }
+}