From e4d7420a09b3c646bc25f89c4b1395623d20fb59 Mon Sep 17 00:00:00 2001
From: "venbatechnologies@gmail.com" <venbatechnologies@gmail.com>
Date: Sat, 3 Nov 2018 15:32:01 +0530
Subject: [PATCH] Login css : ps

---
 .../app/session/login/login-component.html    | 12 ++---
 .../app/session/login/login-component.scss    | 53 ++++++++++---------
 2 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/ng6-seed/src/app/session/login/login-component.html b/ng6-seed/src/app/session/login/login-component.html
index 61229ce5e..41ee7e92e 100644
--- a/ng6-seed/src/app/session/login/login-component.html
+++ b/ng6-seed/src/app/session/login/login-component.html
@@ -2,7 +2,7 @@
     <div class="form-bg">
         <div fxLayout="row" fxLayoutAlign="center" class="pt-2">
                     <!-- <p>SINEEDGE Login Details</p> -->
-                    <h3><img [src]="'http://ssa.sineedge.com/sparqapi/logo/sineedge_red.png'" style="height: 50px;;"> <span> SINEEDGE </span>
+                    <h3 class="page-title"><img [src]="'http://ssa.sineedge.com/sparqapi/logo/sineedge_red.png'" style="height: 50px;;"> <span> SINEEDGE </span>
                     </h3>
         </div>
         <div fxLayout="row" fxLayoutAlign="center start" class="pt-2">
@@ -11,7 +11,6 @@
                     <div>
                         <h2 class="base-border">Login</h2>
                         <!-- <p>Enter Your Login Details</p> -->
-                        <br>
                         <form #form="ngForm" (ngSubmit)="login()">
                             <div fxLayout="column" fxLayoutAlign="start stretch">
                                 <mat-form-field style="width: 100%">
@@ -22,10 +21,11 @@
                                     <input matInput placeholder="Password" minlength= "8" type="password" name="password" required [(ngModel)]="password">
                                 </mat-form-field>
                                 <button class="mat-green" mat-raised-button>SIGN IN</button><br/>
-                                <div *ngIf="email">
-                                <a  class="mat-text-warn mb-0" (click)="forgotpassword();">Forgot password?</a></div>
+                                <div>
+                                <a  *ngIf="email" class="mat-text-warn mb-0" (click)="forgotpassword();">Forgot password?</a></div>
                                 <!-- <p class="mb-0">Don't have an account? <a [routerLink]="['/register']" class="mat-text-primary">Register Here</a></p> -->
-                            </div>
+                                </div>
+                                
                             
                         </form>
                     </div>
@@ -41,7 +41,7 @@
 <footer class="page-footer">
 
     <!-- © Copyright -->
-    <div class="footer-copyright text-center py-1">&#169; 2018 
+    <div class="footer-copyright text-center">&#169; 2018 
     <a href="http://www.sineedge.com" target="_blank"> SineEdge Consulting Pvt Ltd. </a> All rights are reserved
     </div>
     <!-- © Copyright -->
diff --git a/ng6-seed/src/app/session/login/login-component.scss b/ng6-seed/src/app/session/login/login-component.scss
index c82aba065..0829347fd 100644
--- a/ng6-seed/src/app/session/login/login-component.scss
+++ b/ng6-seed/src/app/session/login/login-component.scss
@@ -1,36 +1,41 @@
 .form-bg {
-//    background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important;
+//background-image:url('http://www.ssa.sineedge.com/beta/assets/images/login.jpg') !important;
 //background-image: url(../../../assets/images/login_o.jpg);
-    //background-color: #F44336;
-    background: url(../../../assets/images/bg.png) repeat-x 0 0 #E00201;
-    height: 100vh !important;
+//background-color: #F44336;
+    background: url(../../../assets/images/bg.png) repeat-x 0 0 #ffffff;
+    //height: 100vh !important;
     background-position: center !important;
-    min-height: calc(0vh + 0px) !important;
+    min-height: calc(90vh + 90px) !important;
 }
+
 .signin-page{
-	float: left;
-	width: 100%;
-	
-	padding-bottom: 40px;
+        float: left;
+        width: 100%;	
+        padding-bottom: 40px;
 }
-// .form-bg {
-//     float: left;
-//     width: 100%;
-//     background-color: repeat-x 0 0 #F44336;
-//     padding-bottom: 40px;
-// }
+    // .form-bg {
+    //     float: left;
+    //     width: 100%;
+    //     background-color: repeat-x 0 0 #F44336;
+    //     padding-bottom: 40px;
+    // }
 .form-bg::before {
-    background-color: rgba(0, 0, 0, 0) !important;
+        background-color: rgba(0, 0, 0, 0) !important;
 }
 .form-bg::after{
-    background-color:  #E00201;
+        background-color:  #E00201;
 }
-h3, .page-footer{
-    color:#E00201;
-    background-color:#ffffff;
-    font-weight: bold;
+.page-title{
+        color:#E00201;
+        background-color:#ffffff;
+        font-weight: bold;
+}
+.page-footer{
+        color:#E00201;
+        background-color:#ffffff;
+        font-size: 14px;
 }
 .bottom-sec,.mat-green{
-    color:white !important;
-    font-weight: 700;
-}
+        color:white !important;
+        font-weight: 700;
+}
\ No newline at end of file