From 3e8dd815b7c9e27dd2c35e8e8ae6df80a23c91a8 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Sat, 5 Mar 2022 09:42:32 -0800
Subject: [PATCH] Fix CSS in header.

---
 components/layout/Header.module.css | 4 +++-
 components/metrics/EventsChart.js   | 3 +--
 components/pages/TestConsole.js     | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/components/layout/Header.module.css b/components/layout/Header.module.css
index 45df94ca..4fbadd5e 100644
--- a/components/layout/Header.module.css
+++ b/components/layout/Header.module.css
@@ -6,6 +6,7 @@
 }
 
 .title {
+  flex: 1;
   font-size: var(--font-size-large);
   display: flex;
   align-items: center;
@@ -17,7 +18,7 @@
 }
 
 .links {
-  flex: 1;
+  flex: 2;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -30,6 +31,7 @@
 }
 
 .buttons {
+  flex: 1;
   display: flex;
   justify-content: flex-end;
   align-items: center;
diff --git a/components/metrics/EventsChart.js b/components/metrics/EventsChart.js
index 6b478b90..b44aa22d 100644
--- a/components/metrics/EventsChart.js
+++ b/components/metrics/EventsChart.js
@@ -10,8 +10,7 @@ import useShareToken from 'hooks/useShareToken';
 import { EVENT_COLORS, TOKEN_HEADER } from 'lib/constants';
 
 export default function EventsChart({ websiteId, className, token }) {
-  const [dateRange] = useDateRange(websiteId);
-  const { startDate, endDate, unit, modified } = dateRange;
+  const [{ startDate, endDate, unit, modified }] = useDateRange(websiteId);
   const [timezone] = useTimezone();
   const { query } = usePageQuery();
   const shareToken = useShareToken();
diff --git a/components/pages/TestConsole.js b/components/pages/TestConsole.js
index c4297acc..ea1f0290 100644
--- a/components/pages/TestConsole.js
+++ b/components/pages/TestConsole.js
@@ -68,7 +68,7 @@ export default function TestConsole() {
           {show && (
             <div className={classNames(styles.test, 'row')}>
               <div className="col-4">
-                <PageHeader>Page links</PageHeader>Nmo
+                <PageHeader>Page links</PageHeader>
                 <div>
                   <Link href={`?page=1`}>
                     <a>page one</a>