From 6e1194784a5add80f5b936449b4bf82768b4dc31 Mon Sep 17 00:00:00 2001
From: Samuel Georges <sam@daftspunk.com>
Date: Sat, 26 Sep 2015 08:10:25 +1000
Subject: [PATCH] Take some emphasis off the inactive main menu items NB: The
 "wizard" CMS icon doesn't seem to like font size 28px, but all other icons
 appear to render cleanly at this size.

---
 modules/backend/assets/css/october.css        |  2 ++
 .../backend/assets/less/layout/mainmenu.less  | 21 ++++++++++++++++---
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css
index 61a8c574a..1c35abea2 100644
--- a/modules/backend/assets/css/october.css
+++ b/modules/backend/assets/css/october.css
@@ -656,6 +656,8 @@ nav#layout-mainmenu.navbar ul li a,nav#layout-mainmenu .menu-toggle,.mainmenu-co
 nav#layout-mainmenu.navbar ul li a:hover,nav#layout-mainmenu .menu-toggle:hover,.mainmenu-collapsed li a:hover{background-color:transparent !important}
 nav#layout-mainmenu.navbar ul li a:active,nav#layout-mainmenu .menu-toggle:active,.mainmenu-collapsed li a:active,nav#layout-mainmenu.navbar ul li a:focus,nav#layout-mainmenu .menu-toggle:focus,.mainmenu-collapsed li a:focus{text-decoration:none;color:#555555}
 nav#layout-mainmenu.navbar ul li a i,nav#layout-mainmenu .menu-toggle i,.mainmenu-collapsed li a i{line-height:1;font-size:35px;vertical-align:middle;margin-right:10px}
+nav#layout-mainmenu.navbar ul li a i{font-size:28px}
+nav#layout-mainmenu.navbar ul li.active a i{font-size:35px}
 .mainmenu-collapsed li a i{width:40px;text-align:left;display:inline-block}
 nav#layout-mainmenu.navbar ul li:hover a:active,.mainmenu-collapsed li:hover a:active,nav#layout-mainmenu.navbar ul li:hover a:focus,.mainmenu-collapsed li:hover a:focus{color:#ffffff !important}
 .touch .mainmenu-collapsed li a:hover{color:#555555}
diff --git a/modules/backend/assets/less/layout/mainmenu.less b/modules/backend/assets/less/layout/mainmenu.less
index 689ca95be..68ee9617e 100644
--- a/modules/backend/assets/less/layout/mainmenu.less
+++ b/modules/backend/assets/less/layout/mainmenu.less
@@ -83,7 +83,9 @@ nav#layout-mainmenu.navbar {
     .toolbar-item {
         padding-right: 0;
 
-        &:before, &:after { margin-top: 0; }
+        &:before, &:after {
+            margin-top: 0;
+        }
         &:before { left: -12px; }
         &:after { right: -12px; }
 
@@ -173,6 +175,15 @@ nav#layout-mainmenu .menu-toggle,
     }
 }
 
+nav#layout-mainmenu.navbar ul li {
+    a {
+        i { font-size: 28px; }
+    }
+    &.active a {
+        i { font-size: 35px; }
+    }
+}
+
 .mainmenu-collapsed li a i {
     width: 40px;
     text-align: left;
@@ -188,7 +199,9 @@ nav#layout-mainmenu.navbar ul li:hover,
     }
 }
 
-.touch .mainmenu-collapsed li a:hover {color: @color-mainmenu-inactive;}
+.touch .mainmenu-collapsed li a:hover {
+    color: @color-mainmenu-inactive;
+}
 
 nav#layout-mainmenu.navbar ul li,
 .mainmenu-collapsed li {
@@ -196,7 +209,9 @@ nav#layout-mainmenu.navbar ul li,
         color: @color-mainmenu-active !important;
         font-weight: 600;
 
-        a {color: @color-mainmenu-active !important;}
+        a {
+            color: @color-mainmenu-active !important;
+        }
     }
 
     &:hover {