add readjust layout to topbar

Author: zhangbobell

dist/kityminder.editor.css

@@ -112,8 +112,8 @@ div.minder-editor-container {
 @import (less) "topTab/idea/resource.less";
 @import (less) "topTab/appearance/templatePanel.less";
 @import (less) "topTab/appearance/themePanel.less";
+@import (less) "topTab/appearance/layout.less";
 @import (less) "_tool_group.less";
-@import (less) "_layout.less";
 @import (less) "_styleOperator.less";
 @import (less) "_fontOperator.less";
 @import (less) "_colorPanel.less";

dist/kityminder.editor.css.map

@@ -1,13 +1,14 @@
-.inline-directive {
+.readjust-layout {
     display: inline-block;
+    vertical-align: middle;
+    padding: 0 10px 0 5px;
+    border-right: 1px dashed #eee;
 }
 
 .btn-icon {
     width: 25px;
     height: 25px;
     margin-left: 12px;
-    margin-bottom: 3px;
-    margin-top: 4px;
     display: block;
 }
 
@@ -17,7 +18,7 @@
 
 .btn-wrap {
     width: 50px;
-    height: 50px;
+    height: 42px;
     cursor: pointer;
     display: inline-block;
     text-decoration: none;

less/editor.less

@@ -6,6 +6,7 @@ angular.module('kityminderEditor')
 			scope: {
 				minder: '='
 			},
+            replace: true,
 			link: function(scope) {
 
 			}

less/_layout.less less/topTab/appearance/layout.less

@@ -1,4 +1,6 @@
-<a ng-click="minder.execCommand('resetlayout')" class="btn-wrap" ng-disabled="minder.queryCommandState('resetlayout') === -1">
-	<span class="btn-icon reset-layout-icon"></span>
-	<span class="btn-label">{{ 'resetlayout' | lang: 'ui/command' }}</span>
-</a>
+<div class="readjust-layout">
+    <a ng-click="minder.execCommand('resetlayout')" class="btn-wrap" ng-disabled="minder.queryCommandState('resetlayout') === -1">
+        <span class="btn-icon reset-layout-icon"></span>
+        <span class="btn-label">{{ 'resetlayout' | lang: 'ui/command' }}</span>
+    </a>
+</div>

ui/directive/layout/layout.directive.js

@@ -13,6 +13,7 @@
     <tab heading="{{ 'appearence' | lang: 'ui/tabs'; }}">
         <template-list minder="minder" class="inline-directive"></template-list>
         <theme-list minder="minder"></theme-list>
+        <layout minder="minder" class="inline-directive"></layout>
     </tab>
     <tab heading="{{ 'view' | lang: 'ui/tabs'; }}">视图面板</tab>
 </tabset>