From e1b27f5eacf3470eb6a35fc19625b2d0a0691cf8 Mon Sep 17 00:00:00 2001
From: Thedro Neely <thedroneely@gmail.com>
Date: Wed, 10 Jul 2019 15:41:25 -0400
Subject: views/partials/navigator: Make navigator touch targets larger

---
 views/partials/navigator.php | 68 ++++++++++++++++----------------------------
 1 file changed, 24 insertions(+), 44 deletions(-)

diff --git a/views/partials/navigator.php b/views/partials/navigator.php
index 0d5539b..78bb138 100644
--- a/views/partials/navigator.php
+++ b/views/partials/navigator.php
@@ -1,11 +1,9 @@
 <nav class="flex -mx-2">
 
-    <div class="w-1/5 px-2 text-center">
+<a class="w-1/5 px-2 py-4 text-center" href="/" title="Home">
 
-
-            <a class="inline-block text-gray-700 hover:text-gray-900 no-underline
-            font-bold tracking-widest uppercase text-xs pb-1" href="/" title="Home">
-            <div class="text-center">
+            <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+            font-bold tracking-wider uppercase text-xs pb-1 text-center">
                 <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
                     . '/..'
                     . '/public/icons/feathericons/user.svg') ?>
@@ -13,17 +11,14 @@
                     <?php echo $navigation->isActiveHome() ?? 'text-gray-700' ?> hover:text-gray-900">
                     Home
                     </p>
-                </div>
-            </a>
-
-    </div>
+            </div>
 
-<div class="w-1/5 px-2 text-center">
+</a>
 
+<a class="w-1/5 px-2 py-4 text-center" href="/posts/" title="Journal">
 
-        <a class="inline-block text-gray-700 hover:text-gray-900 no-underline
-        font-bold tracking-wide uppercase text-xs pb-1" href="/posts/" title="Home">
-        <div class="text-center">
+            <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+            font-bold tracking-wider uppercase text-xs pb-1 text-center">
             <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
                 . '/..'
                 . '/public/icons/feathericons/book-open.svg') ?>
@@ -32,17 +27,13 @@
                 Journal
                 </p>
             </div>
-        </a>
-
-</div>
 
-<div class="w-1/5 px-2 text-center">
+</a>
 
+<a class="w-1/5 px-2 py-4 text-center" href="/wall/" title="Wall">
 
-
-        <a class="inline-block text-gray-700 hover:text-gray-900 no-underline
-        font-bold tracking-wide uppercase text-xs pb-1" href="/wall/" title="Wall">
-        <div class="text-center">
+        <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+        font-bold tracking-wider uppercase text-xs pb-1 text-center">
             <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
                 . '/..'
                 . '/public/icons/feathericons/message-square.svg') ?>
@@ -50,18 +41,14 @@
                 <?php echo $navigation->isActive('/wall/') ?? 'text-gray-700' ?> hover:text-gray-900">
                 Wall
                 </p>
-            </div>
-        </a>
-
+        </div>
 
-</div>
+</a>
 
-<div class="w-1/5 px-2 text-center">
+<a class="w-1/5 px-2 py-4 text-center" href="/about/" title="About">
 
-
-        <a class="inline-block text-gray-700 hover:text-gray-900 no-underline
-        font-bold tracking-wide uppercase text-xs pb-1" href="/about/" title="About">
-        <div class="text-center">
+        <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+        font-bold tracking-wider uppercase text-xs pb-1 text-center">
             <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
                 . '/..'
                 . '/public/icons/feathericons/help-circle.svg') ?>
@@ -69,19 +56,14 @@
                 <?php echo $navigation->isActive('/about/') ?? 'text-gray-700' ?> hover:text-gray-900">
                 About
                 </p>
-            </div>
-        </a>
-
-
-</div>
+        </div>
 
-<div class="w-1/5 px-2 text-center">
+</a>
 
+<a class="w-1/5 px-2 py-4 text-center" href="/contact/" title="Contact">
 
-
-        <a class="inline-block text-gray-700 hover:text-gray-900 no-underline
-        font-bold tracking-wide uppercase text-xs pb-1" href="/contact/" title="Contact">
-        <div class="text-center">
+        <div class="inline-block text-gray-700 hover:text-gray-900 no-underline
+        font-bold tracking-wider uppercase text-xs pb-1 text-center">
             <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT']
                 . '/..'
                 . '/public/icons/feathericons/mail.svg') ?>
@@ -89,11 +71,9 @@
                 <?php echo $navigation->isActive('/contact/') ?? 'text-gray-700' ?> hover:text-gray-900">
                 Contact
                 </p>
-            </div>
-        </a>
-
+       </div>
 
-</div>
+</a>
 
 </nav>
 
-- 
cgit v1.2.3