From 0f0b69bbed9ba315bebbb2bc331f057d1a8f27f0 Mon Sep 17 00:00:00 2001
From: Marcelo <marcenp23@gmail.com>
Date: Wed, 2 Oct 2019 14:42:06 -0300
Subject: [PATCH] Re maquetada pantalla login.

---
 src/views/foca-login.html | 98 ++++++++++++++++++++++++++++-------------------
 1 file changed, 59 insertions(+), 39 deletions(-)

diff --git a/src/views/foca-login.html b/src/views/foca-login.html
index 1112adc..fcf4b9a 100644
--- a/src/views/foca-login.html
+++ b/src/views/foca-login.html
@@ -1,41 +1,61 @@
-<div>
-<img src="img/logo.png" class="img-login rounded mx-auto d-block">
-<div class="login mt-5 p-3 border-0">
-    <form name="login">        
-        <div class="login-titulo">
-            <span>Ingreso de usuario</span>
+<div class="row justify-content-center align-items-center">
+    <div class="col-12 my-2">
+        <img src="img/logo.png" class="img-login mx-auto d-block">
+    </div>
+    <div class="col-8 col-sm-6 col-md-4 col-lg-3 my-2 align-self-stretch">
+        <div class="bg-gradient-login border-0 rounded shadow-sm text-center">
+            <form class="p-3 m-0" name="login">
+                <div class="pt-3 pb-2 border-bottom border-white">
+                    <span>Ingreso de usuario</span>
+                </div>
+                <!-- USUARIO -->
+                <div class="form-group my-2">
+                    <label
+                        for="user"
+                        class="login-small-text m-0">
+                        Usuario
+                    </label>
+                    <input
+                        class="form-control form-control-sm badge-pill text-transform-none"
+                        type="text"
+                        id="user"
+                        ng-model="usuario.idUsuario"
+                        ng-focus="paso = 1"
+                        foca-focus="paso === 1"
+                        ng-keyup="$event.keyCode == 13 && irPaso(2)"
+                        ladda="loginLoading"
+                        teclado-virtual
+                    />
+                </div>
+                <!-- CONTRASEÑA -->
+                <div class="form-group my-2">
+                    <label
+                        for="password"
+                        class="login-small-text m-0">
+                        Contraseña
+                    </label>
+                    <input
+                        class="form-control form-control-sm badge-pill"
+                        id="password"
+                        type="password"
+                        ng-model="usuario.clave"
+                        foca-focus="paso == 2"
+                        ng-keyup="$event.keyCode == 13 && enviar()"
+                        ladda="loginLoading"
+                        teclado-virtual
+                    />
+                </div>
+                <button
+                    type="button"
+                    ng-click="enviar()"
+                    class="btn btn-primary btn-block my-3"
+                    ladda="loginLoading">
+                    Ingresar
+                </button>
+                <img
+                    src="img/logo-foca.png"
+                    class="w-50 rounded mx-auto py-2 d-block">
+            </form>
         </div>
-        <div class="login-campo">
-            <label>Usuario</label>
-            <input
-                type       = "text"
-                ng-model   = "usuario.idUsuario"
-                ng-focus   = "paso = 1"
-                foca-focus = "paso == 1"
-                ng-keyup   = "$event.keyCode == 13 && irPaso(2)"
-                ladda      = "loginLoading"
-                teclado-virtual
-            />
-        </div>
-        <div class="login-campo">
-            <label>Contraseña</label>
-            <input
-                id         = "password"
-                type       = "password"
-                ng-model   = "usuario.clave"
-                foca-focus = "paso == 2"
-                ng-keyup   = "$event.keyCode == 13 && enviar()"
-                ladda      = "loginLoading"
-                teclado-virtual
-            />
-        </div>
-        <button
-            type="button"
-            ng-click="enviar()"
-            class="login-button btn mt-3 btn-login"
-            ladda="loginLoading"
-        >Ingresar</button>
-    </form>
-    <img src="img/logo-foca.png" class="w-50 rounded mx-auto d-block">
-</div>
+    </div>
 </div>
-- 
1.9.1