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/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;
 }