From a30074c055da81c211d55cff520e2ef29d5d4844 Mon Sep 17 00:00:00 2001
From: Nick Radford <nick@nicholasradford.com>
Date: Tue, 9 Feb 2021 02:54:59 -0800
Subject: [PATCH] Addresses mikecao/umami#460

Adds an explicit meta tag for the viewport, resizes the navigation link size
for smaller screens
---
 components/layout/Header.module.css | 3 +++
 pages/_app.js                       | 1 +
 2 files changed, 4 insertions(+)

diff --git a/components/layout/Header.module.css b/components/layout/Header.module.css
index 07e8939f..3b7339d5 100644
--- a/components/layout/Header.module.css
+++ b/components/layout/Header.module.css
@@ -44,4 +44,7 @@
   .header {
     padding: 0 15px;
   }
+  .nav {
+    font-size: var(--font-size-normal);
+  }
 }
diff --git a/pages/_app.js b/pages/_app.js
index edfd2f5c..19392d03 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -36,6 +36,7 @@ export default function App({ Component, pageProps }) {
         <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
         <meta name="msapplication-TileColor" content="#da532c" />
         <meta name="theme-color" content="#ffffff" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
       </Head>
       <Intl>
         <Component {...pageProps} />