Allow mobile browser to press nav headers (#75)

* add auto height and width to nav inputs

* fix bad script tag

Author: colegoldsmith

src/partials/head-scripts.hbs

@@ -1,35 +1,52 @@
 {{#with site.keys.googleAnalytics}}
-<script async src="https://www.googletagmanager.com/gtag/js?id={{this}}"></script>
-<script>function gtag() { dataLayer.push(arguments) }; window.dataLayer = window.dataLayer || []; gtag('js', new Date()); gtag('config', '{{this}}')</script>
+  <script async src="https://www.googletagmanager.com/gtag/js?id={{this}}"></script>
+  <script>function gtag() { dataLayer.push(arguments) }; window.dataLayer = window.dataLayer || []; gtag('js', new
+    Date()); gtag('config', '{{this}}')</script>
 {{/with}}
 
 {{#with site.keys.segment}}
-<script>
-  !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="{{this}}";analytics.SNIPPET_VERSION="4.15.2";
-  analytics.load('{{this}}', { obfuscate: true });
-  analytics.page();
-  }}();
-</script>
+  <script>
+    !function(){var
+    analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment
+    snippet included
+    twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return
+    function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var
+    e=0;e<analytics.methods.length;e++){var
+    key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var
+    t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/"
+    + key + "/analytics.min.js";var
+    n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="{{this}}";analytics.SNIPPET_VERSION="4.15.2";
+    analytics.load('{{this}}', { obfuscate: true }); analytics.page(); }}();
+  </script>
 {{/with}}
 
 <script>var uiRootPath = '{{{uiRootPath}}}'</script>
 
-<link rel="preload" href="{{uiRootPath}}/font/material-icons-outlined-latin-400-normal.woff2" as="font"
-    type="font/woff2" crossorigin>
-<link rel="preload" href="{{uiRootPath}}/font/roboto-flex-latin-400-normal.woff2" as="font" type="font/woff2"
-    crossorigin>
-<link rel="preload" href="{{uiRootPath}}/font/roboto-mono-latin-500-normal.woff2" as="font" type="font/woff2"
-    crossorigin>
+<link
+  rel="preload"
+  href="{{uiRootPath}}/font/material-icons-outlined-latin-400-normal.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin
+/>
+<link
+  rel="preload"
+  href="{{uiRootPath}}/font/roboto-flex-latin-wght-normal.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin
+/>
+<link
+  rel="preload"
+  href="{{uiRootPath}}/font/roboto-mono-latin-500-normal.woff2"
+  as="font"
+  type="font/woff2"
+  crossorigin
+/>
 
 <script>
-    var prefersTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
-    var storedTheme = localStorage.getItem('theme') || prefersTheme
-
-    if (storedTheme) {
-        document.documentElement.setAttribute('data-theme', storedTheme)
-    } else {
-        document.documentElement.setAttribute('data-theme', 'light')
-    }
+  document.documentElement.setAttribute('data-theme', localStorage.getItem('theme') ||
+  window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' || 'light')
 </script>
 
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />

src/partials/nav-tree.hbs

@@ -4,7 +4,7 @@
   {{#if ./content}}
   {{#if ./items.length}}
   <li class="collapse" data-depth="{{or ../level 0}}">
-    <input type="checkbox" class="peer z-10" {{#if (navTreeContainsUrl ./items @root.page.url)}} checked{{/if}} /> 
+    <input type="checkbox" class="peer z-10 w-auto h-auto" {{#if (navTreeContainsUrl ./items @root.page.url)}} checked{{/if}} /> 
     <div class="collapse-title rounded flex items-start py-1 px-2 peer-checked:[&_i]:rotate-180 peer-hover:bg-level2{{#if (greater (or ../level 0) 0)}} text-caption{{else}} text-overline py-2{{/if}}">
       {{{./content}}}
       <i class="material-icons text-lg text-tertiary transition-transform ml-[0.15em]">expand_more</i>