From 08fe01332ae4e1d2c401ea90519f720bba722a4d Mon Sep 17 00:00:00 2001
From: Eric Schultz <eric@startuperic.com>
Date: Sat, 2 Jun 2018 11:50:36 -0500
Subject: [PATCH] make entire menu items clickable for gray and azure themes

---
 plugins/dynamix/styles/default-azure.css | 4 ++--
 plugins/dynamix/styles/default-gray.css  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/plugins/dynamix/styles/default-azure.css b/plugins/dynamix/styles/default-azure.css
index 606f6dbd1..45b13a702 100644
--- a/plugins/dynamix/styles/default-azure.css
+++ b/plugins/dynamix/styles/default-azure.css
@@ -56,11 +56,11 @@ form+p{display:none}
 #nav-block{-ms-overflow-style:none;overflow:-moz-scrollbars-none}
 #nav-block.mozilla{margin-left:-17px;overflow-y:scroll}
 #nav-block>div{direction:ltr}
-#nav-item{width:24px;text-align:left;padding:14px 24px 14px 16px;border-bottom:#42453E 1px solid;font-size:18px;overflow:hidden}
+#nav-item{width:40px;text-align:left;padding:14px 24px 14px 0;border-bottom:#42453E 1px solid;font-size:18px;overflow:hidden;transition:.2s background-color ease}
 #nav-item:hover{width:150px;color:#5D6833;background:#ABC056;border-bottom-color:#5D6833;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
 #nav-item:hover a{color:#5D6833;background:#ABC056}
 #nav-item img{display:none}
-#nav-item a{color:#A6A7A7;text-decoration:none}
+#nav-item a{color:#A6A7A7;text-decoration:none;padding:19px 80px 12px 16px}
 #nav-item a:before{font-family:docker-icon,fontawesome;font-size:26px;margin-right:25px}
 #nav-item.active,#nav-item.active a{color:#5D6833;background:#ABC056}
 #nav-item.HelpButton.active:hover{background:#ABC056;font-size:18px}
diff --git a/plugins/dynamix/styles/default-gray.css b/plugins/dynamix/styles/default-gray.css
index 053c558b5..fda5a89b8 100644
--- a/plugins/dynamix/styles/default-gray.css
+++ b/plugins/dynamix/styles/default-gray.css
@@ -56,11 +56,11 @@ form+p{display:none}
 #nav-block{-ms-overflow-style:none;overflow:-moz-scrollbars-none}
 #nav-block.mozilla{margin-left:-17px;overflow-y:scroll}
 #nav-block>div{direction:ltr}
-#nav-item{width:24px;text-align:left;padding:14px 24px 14px 16px;border-bottom:#42453E 1px solid;font-size:18px;overflow:hidden}
+#nav-item{width:40px;text-align:left;padding:14px 24px 14px 0;border-bottom:#42453E 1px solid;font-size:18px;overflow:hidden;transition:.2s background-color ease}
 #nav-item:hover{width:150px;color:#5D6833;background:#ABC056;border-bottom-color:#5D6833;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
 #nav-item:hover a{color:#5D6833;background:#ABC056}
 #nav-item img{display:none}
-#nav-item a{color:#A6A7A7;text-decoration:none}
+#nav-item a{color:#A6A7A7;text-decoration:none;padding:19px 80px 12px 16px}
 #nav-item a:before{font-family:docker-icon,fontawesome;font-size:26px;margin-right:25px}
 #nav-item.active,#nav-item.active a{color:#5D6833;background:#ABC056}
 #nav-item.HelpButton.active:hover{background:#ABC056;font-size:18px}