#1328 module home refactor

front/salix/components/home/home.html

@@ -1,22 +1,22 @@
 <div ng-if="$ctrl.$state.current.name === 'home'">
-<div class="modules">
-    <a
-        ng-repeat="mod in ::$ctrl.modules"
-        ui-sref="{{::mod.route.state}}" 
-        translate-attr="::{title: mod.name}"
-        class="mdl-shadow--4dp">
-        <div>
-            <vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon>
-        </div>
-        <h4 ng-bind-html="$ctrl.getModuleName(mod)"></h4>
+    <div class="modules">
+        <a
+            ng-repeat="mod in ::$ctrl.modules"
+            ui-sref="{{::mod.route.state}}" 
+            translate-attr="::{title: mod.name}"
+            class="mdl-shadow--4dp">
+            <div>
+                <vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon>
+            </div>
+            <h4 ng-bind-html="$ctrl.getModuleName(mod)"></h4>
 
-        <span
-            ng-show='mod.keyBind'
-            vn-tooltip="Ctrl + Alt + {{mod.keyBind}}">
-            ({{::mod.keyBind}})
-        </span>
-        <span ng-show='!mod.keyBind'>&nbsp;</span>
+            <span
+                ng-show='mod.keyBind'
+                vn-tooltip="Ctrl + Alt + {{mod.keyBind}}">
+                ({{::mod.keyBind}})
+            </span>
+            <span ng-show='!mod.keyBind'>&nbsp;</span>
 
-    </a>
-</div>
+        </a>
+    </div>
 </div>

front/salix/components/home/style.scss

@@ -16,7 +16,7 @@ vn-home {
             flex-direction: row; 
             justify-content: center;
             flex-wrap: wrap;
-            max-width: 40em;
+            max-width: 44em;
             margin: 0 auto;
 
             & > a {
@@ -28,7 +28,7 @@ vn-home {
                 display: flex;
                 flex-direction: column;
                 height: 8em;
-                width: 7em;
+                width: 8em;
                 margin: .5em;
                 padding: 1em;
                 justify-content: center;
@@ -49,13 +49,13 @@ vn-home {
                     text-align: center;
                 }
                 & > h4 {
+                    max-width: 7em;
                     text-align: center;
-                    font-size: 16pt;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
+                    font-size: 13pt;
                     overflow: hidden;
                     color: inherit;
                     margin: 0;
+                    line-height: 1.5em;
 
                    /*  & > .bind-letter {
                         color: #FD0;

modules/invoiceOut/front/routes.json

@@ -1,7 +1,7 @@
 {
     "module": "invoiceOut",
     "name": "Invoices out",
-    "icon": "icon-invoices1",
+    "icon": "icon-invoices",
     "validations" : true,
     "dependencies": ["worker", "client", "ticket"],
     "routes": [