From ebae6964fa096bf3a861bfaf66e08fa74573f64d Mon Sep 17 00:00:00 2001
From: diver-sity <li.zhao7@yahoo.com.au>
Date: Sat, 13 Sep 2014 07:05:59 +1000
Subject: [PATCH] WEB-65 main_new.jsp -> sidebar left: first-level children's
 indentation is missing

added indentation for first-level children; swapped "span" and "i" in
<a ng-click="expanded = !expanded" href=""><span>{{item.name}}</span><i class="fa {{item.class}}"></i></a>
so that the icon did not appear to belong to the menu item above the current one (in some cases this occured).
---
 src/main/webapp/WEB-INF/pages/main_new.jsp | 2 +-
 src/main/webapp/css/main.css               | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/WEB-INF/pages/main_new.jsp b/src/main/webapp/WEB-INF/pages/main_new.jsp
index a2d3c16bc..eacf1dbe0 100644
--- a/src/main/webapp/WEB-INF/pages/main_new.jsp
+++ b/src/main/webapp/WEB-INF/pages/main_new.jsp
@@ -106,7 +106,7 @@
                 <div id="leftside-navigation" class="nano">
                     <ul class="nano-content">
                         <li class="sub-menu" ng-repeat="item in menuTopics">
-                            <a ng-click="expanded = !expanded" href=""><i class="fa {{item.class}}"></i><span>{{item.name}}</span></a>
+                            <a ng-click="expanded = !expanded" href=""><span>{{item.name}}</span><i class="fa {{item.class}}"></i></a>
                             <ul class="slideDown" ng-show="expanded">
                                 <li ng-repeat="lesson in item.children">
                                     <a ng-click="renderLesson(lesson.link)" title="link to {{lesson.name}}" href="">{{lesson.name}}</a>
diff --git a/src/main/webapp/css/main.css b/src/main/webapp/css/main.css
index ad46de988..671e3a0e4 100644
--- a/src/main/webapp/css/main.css
+++ b/src/main/webapp/css/main.css
@@ -230,6 +230,10 @@ img {
   background-color: #16a086;
 }
 
+.sidebar > div > ul > li > ul > li > a {
+    float:left; margin-left:1em;
+}
+
 .sidebar > div > ul > li > ul > li > span {
     float:left; margin-left:1.5em;
 }