Estilo, CRLF -> LF

@salix/app/src/components/app/app.html

@@ -1,4 +1,5 @@
 <vn-vertical full-height class="bg-content">
     <vn-main-menu></vn-main-menu>
-    <vn-vertical ui-view scrollable class="main-view"></vn-vertical>
+    <vn-topbar vn-empty></vn-topbar>
+    <vn-vertical vn-auto ui-view scrollable class="main-view"></vn-vertical>
 </vn-vertical>

@salix/app/src/components/app/style.css

@@ -1,4 +1,5 @@
 vn-app {
+    display: block;
     height: 100%;
 }
 

@salix/app/src/components/topbar/topbar.html

@@ -1,2 +1,2 @@
-<header class="mdl-layout__header mdl-layout__header--scroll bg-dark-bar">
+<header class="bg-dark-bar" style="height: 4.2em;">
 </header>

@salix/app/src/components/topbar/topbar.js

@@ -1,8 +1,7 @@
-import template from './topbar.html';
 import {module} from '../../module';
 
-export const NAME = "vnTopbar";
+export const NAME = 'vnTopbar';
 export const COMPONENT = {
-    template: template
+    template: require('./topbar.html')
 };
 module.component(NAME, COMPONENT);

@salix/core/src/snackbar/snackbar.js

@@ -7,7 +7,7 @@ export const NAME = util.getName(_NAME);
 
 directive.$inject = [resolveFactory.NAME];
 export function directive(resolve) {
-    return{
+    return {
         restrict: 'E',
         template: function(_, attrs) {
            return resolve.getTemplate(_NAME, attrs);

@salix/core/src/snackbar/snackbar.mdl.html

@@ -1,4 +1,4 @@
-<div class="*[className]*">
+<div class="mdl-js-snackbar mdl-snackbar *[className]*">
 	<div class="mdl-snackbar__text"></div>
 	<button class="mdl-snackbar__action" type="button"></button>
 </div>

@salix/core/src/snackbar/snackbar.mdl.js

@@ -7,8 +7,7 @@ export function factory() {
     return {
         template: template,
         default: {
-        	message: 'Default message',
+        	message: 'Default message'
-            className: 'mdl-js-snackbar mdl-snackbar'
         }
     }
 }

@salix/crud/src/client/addresses-data/index.html

@@ -4,7 +4,7 @@
          <vn-vertical pad-large>
             <vn-title vn-one>Consignatario</vn-title>
             <vn-horizontal>
-               <vn-check vn-one label="Activo" field="addressData.address.enabled"></vn-check>
+                <vn-check vn-one label="Activo" field="addressData.address.enabled" focus></vn-check>
                 <vn-check vn-one label="Predeterminado" field="addressData.address.default"></vn-check> 
             </vn-horizontal>
             <vn-horizontal>

@salix/crud/src/client/card/card.html

@@ -1,11 +1,10 @@
-<vn-vertical class="full-height">
+<vn-vertical full-height style="max-width: 85em; margin: 0 auto;">
-    <vn-topbar></vn-topbar>
+    <vn-horizontal full-height>
-    <vn-horizontal class="full-height">
+        <vn-empty pad-medium-left style="min-width: 18em;">
-        <vn-empty  pad-medium-left >
             <vn-descriptor client="card.client" class="display-block" ></vn-descriptor>
             <vn-left-menu items="card.items"></vn-left-menu>
         </vn-empty>
-        <vn-auto > 
+        <vn-auto>
             <vn-vertical ui-view></vn-vertical>
         </vn-auto>
     </vn-horizontal>

@salix/crud/src/client/create/index.html

@@ -1,14 +1,13 @@
-<vn-topbar></vn-topbar>
+<form ng-submit="create.submit()" pad-large style="max-width: 67em; margin: 0 auto;">
-<form ng-submit="create.submit()"  pad-large>
+<vn-card>
-    <vn-card>
+<vn-vertical pad-large>
-        <vn-vertical pad-large>
     <vn-title>Crear Cliente</vn-title>
     <vn-horizontal>
-                <vn-textfield  vn-one label="Nombre" field="create.model.name"></vn-textfield>
+        <vn-textfield vn-one label="Nombre" field="create.model.name" focus></vn-textfield>
         <vn-textfield vn-one label="NIF/CIF" field="create.model.fi"></vn-textfield>
     </vn-horizontal>
     <vn-horizontal>
-                <vn-textfield autofocus vn-one label="Razón social" field="create.model.socialName"></vn-textfield>
+        <vn-textfield vn-one label="Razón social" field="create.model.socialName"></vn-textfield>
         <vn-one></vn-one>
     </vn-horizontal>
     <vn-horizontal>
@@ -16,6 +15,6 @@
             <vn-submit label="Crear" id="create"></vn-submit>
         </vn-one>
     </vn-horizontal>
-        </vn-vertical>
+</vn-vertical>
-    </vn-card>
+</vn-card>
 </form>

@salix/crud/src/client/index/index.html

@@ -1,6 +1,5 @@
-<vn-vertical class="full-height">
+<div>
-    <vn-topbar></vn-topbar>
+    <div style="max-width: 39em; margin: 0 auto;">
-    <div style="max-width: 45em; margin: 0 auto;">
         <vn-card margin-medium>
             <vn-horizontal pad-medium>
                 <vn-searchbar
@@ -12,7 +11,6 @@
                     params="search.filter"
                     return="search.find()">
                 </vn-searchbar>
-                <a vn-empty ui-sref="create"><vn-button label="New client"></vn-button></a>
             </vn-horizontal>
         </vn-card>
         <vn-card margin-medium>
@@ -23,4 +21,9 @@
             </vn-item-client>
         </vn-card>
     </div>
-</vn-vertical>
+    <a
+        ui-sref="create"
+        style="position: fixed; bottom: 2em; right: 2em;">
+        <vn-button label="New client"></vn-button>
+    </a>
+</div>

@salix/crud/src/client/notes/index.html

@@ -1,10 +1,9 @@
 <form name="form" ng-submit="form.$valid && note.submit()" pad-medium>
-    <vn-card>
+<vn-card>
-        <vn-vertical pad-large>
+<vn-vertical pad-large>
     <vn-title>Notas</vn-title>
-            <vn-textfield label="Notas" class="padd-medium-top" field="note.model.notes"></vn-textfield>
+    <vn-textfield label="Notas" field="note.model.notes" focus padd-medium-top></vn-textfield>
     <vn-submit margin-large-top label="Guardar"></vn-submit>
-        </vn-vertical>
+</vn-vertical>
-    </vn-card>
+</vn-card>
-    
 </form>