login page redesigned

sails/src/assets/scripts/modules/login/views/login.html

-    <div class="row">
-
-      <!-- Rejilla 3 elementos de igual ancho -->
-      <div class="col-md-4">&nbsp;</div>
-
-      <div class="col-md-4">
-        <div id="login">
+<div class="row">
+  <div class="col-md-12 text-center">
     <!-- Logo Pictogram
     <p>
       <img src="img/logo_pictogram.png" alt="Pictogram" title="Pictogram" />
     </p>
     -->
+    <p>&nbsp;</p>
     <p class="text-center">
       <img ng-src="{{office.logoUrl}}" alt="{{office.name}}" title="{{office.name}}">
     </p>
+  </div>
+</div>
+<div class="row">
+
+      <!-- Rejilla 3 elementos de igual ancho -->
+      <div class="col-md-2">&nbsp;</div>
+      <div class="col-md-4">
+        <div id="login">
           <!-- Formulario -->
           <!-- LoginCtrl controls here, see app.js -->
           <form name="loginForm" ng-submit="login()" novalidate>
 
             <div class="form-group">
+	      <label translate>email</label>:
               <input type="email" class="form-control" id="login_email" placeholder="{{ 'your_email' | translate}}" required ng-model="credentials.email" />
             </div>
             <div class="form-group">
+	      <label translate>password</label>:
               <input type="password" class="form-control" id="login_password" placeholder="{{ 'your_password' | translate}}" required ng-model="credentials.password" />
             </div>
             <div class="checkbox">
@@ -28,23 +34,32 @@
                 <input type="checkbox" id="login_savepassword" ng-model="credentials.savepassword" />{{ 'remember' | translate }}
               </label>
             </div>
-            <p class="text-center">
+	    <div class="row">
+	      <div class="col-md-12">
+		<div class="pull-left">
 		  <button type="submit" class="btn btn-primary" translate>login</button>
-            </p>
-            <p class="text-center">
+		</div>
+		<div class="pull-left">
 		  <i ng-class="{'fa fa-spinner fa-spin fa-2x fa-fw margin-bottom': true, 'spin_disabled': !submitted}"></i>
-            </p>
-            <p class="text-center">
+		</div>
+		<div class="pull-right margin-top7">
 		  <a href="/app/#/signin" translate>create_an_account</a>
-            </p>
-            <p class="text-center">
+		</div>
+	      </div>
+	    </div>
+	    
+            <div class="text-center margin-top15">
+	      <br/>
               <a href="/app/#/changepass" translate>password_forgotten</a>
-            </p>
+            </div>
           </form>
         </div>
         <!-- Fin login -->
       </div>
-      <div class="col-md-4">&nbsp;</div>
+      <div class="col-md-4">
+	<img src="img/login.png" alt="Pictogram" title="Pictogram" />
+      </div>
+      <div class="col-md-2">&nbsp;</div>
     </div>
     <!-- Fin de row -->
 

sails/src/assets/styles/main.css

@@ -51,6 +51,15 @@
 	margin-right: 10px;
 }
 
+.margin-top15 {
+    margin-top: 15px;
+}
+
+.margin-top7 {
+    margin-top: 7px;
+}
+
+
 /* Evitar scrolling horizontal */
 body{
 	overflow-x: hidden;
@@ -101,11 +110,11 @@ legend{ padding-top: 20px; }
 /* Estilos para el panel de login*/
 #login{
 	max-width: 300px;
-	margin: 60px auto;
+	margin: 15px auto;
 }
 
 #login form{
-	margin-top: 30px;
+	margin-top: 0px;
 }
 
 /* Login: Pie de página con idiomas fijos siempre abajo ; */
@@ -943,7 +952,7 @@ input[type=range]:focus::-ms-fill-upper {
 
 	/* Estilos para el panel de login*/
 	#login{
-		margin-top: 100px;
+		margin-top: 0px;
 	}
 
 	/* Estilos para el panel de signin (registro) */