UI-650: Updated the order of the left menu items

app.css

@@ -5,3 +5,11 @@
 @import url('submodules/strategy/strategy.css');
 @import url('submodules/callLogs/callLogs.css');
 @import url('submodules/users/users.css');
+
+#voip_container .left-menu #my_office {
+	margin-bottom: 20px;
+}
+
+#voip_container .left-menu > div {
+	margin-top: 10px;
+}

submodules/callLogs/callLogs.css

@@ -38,7 +38,7 @@
 }
 
 #call_logs_container .call-logs-content {
-	margin-top: 20px;
+	margin-top: 12px;
 }
 
 #call_logs_container .call-logs-grid {

submodules/devices/devices.css

@@ -35,7 +35,7 @@
 	background: #fcfcfc;
 	border: 1px solid #ddd;
 	border-radius: 4px;
-	margin-top: 10px;
+	margin-top: 20px;
 }
 
 #devices_container .devices-grid i.icon-plus {

views/app.html

@@ -7,6 +7,13 @@
 			</div>
 		</div>
 
+		<div id="strategy" class="category simple separated">
+			<div class="title">
+				<i class="icon-telicon-home-phone"></i>
+				<span class="title-text visible-desktop">{{ i18n.menuTitles.mainNumber }}</span>
+			</div>
+		</div>
+
 		<div class="category-group">
 			<div id="users" class="category">
 				<div class="title">
@@ -22,39 +29,27 @@
 				</div>
 			</div>
 
-			<div id="numbers" class="category">
-				<div class="title">
-					<i class="icon-th larger-margin"></i>
-					<span class="title-text visible-desktop">{{ i18n.menuTitles.numbers }}</span>
-				</div>
-			</div>
-
 			<div id="devices" class="category">
 				<div class="title">
 					<i class="icon-telicon-voip-phone larger-margin"></i>
 					<span class="title-text visible-desktop">{{ i18n.menuTitles.devices }}</span>
 				</div>
 			</div>
-		</div>
 
-		<div id="strategy" class="category simple separated">
-			<div class="title">
-				<i class="icon-telicon-home-phone"></i>
-				<span class="title-text visible-desktop">{{ i18n.menuTitles.mainNumber }}</span>
+			<div id="numbers" class="category">
+				<div class="title">
+					<i class="icon-th larger-margin"></i>
+					<span class="title-text visible-desktop">{{ i18n.menuTitles.numbers }}</span>
+				</div>
 			</div>
 		</div>
+
 		<div id="call_logs" class="category simple separated">
 			<div class="title">
 				<i class="icon-telicon-pbx"></i>
 				<span class="title-text visible-desktop">{{ i18n.menuTitles.callLogs }}</span>
 			</div>
 		</div>
-		<!-- <div id="quick_links" class="category simple separated">
-			<div class="title">
-				<i class="icon-question larger-margin"></i>
-				<span class="title-text visible-desktop">{{ i18n.menuTitles.quickLinks }}</span>
-			</div>
-		</div>-->
 	</div>
 
 	<div class="right-content clearfix">