log in pasge

src/app/pages/forgot/forgot.page.html

@@ -1,10 +1,5 @@
-<ion-header mode="ios" class="ion-no-border">
-  <ion-toolbar>
-
-  </ion-toolbar>
-</ion-header>
-
 <ion-content class="ion-padding">
+  <img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
 
   <div *ngIf="tab == 1" class="ion-padding">
 

src/app/pages/login/login.page.html

@@ -1,8 +1,10 @@
 <ion-content class="ion-padding">
-  <div class="ion-padding space">
+    <img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
+
+    <div class="ion-padding space">
     <div>
 
-      <ion-label class="simp_lbl">Login to continue</ion-label>
+<!--      <ion-label class="simp_lbl">Login to continue</ion-label>-->
 
       <ion-grid>
         <ion-row>
@@ -18,6 +20,8 @@
         </ion-row>
       </ion-grid>
 
+
+        <ion-label class="simp_lbl_tx">Login to continue</ion-label>
       <ion-item lines="none">
         <ion-icon slot="start" name="mail-outline"></ion-icon>
         <ion-input type="email" placeholder="Email"  [(ngModel)]='username'></ion-input>

src/app/pages/login/login.page.scss

@@ -9,6 +9,13 @@ ion-content {
     margin-bottom: 30px;
     font-family: 'semi-bold';
   }
+  .simp_lbl_tx{
+    margin-top: 20px;
+    font-size: 20px;
+    letter-spacing: 1.2px;
+    margin-bottom: 30px;
+    font-family: 'semi-bold';
+  }
   .login-type{
     background-color: #3dc2ff;
     border-radius: 10px;

src/app/pages/register/register.page.html

@@ -1,4 +1,6 @@
 <ion-content class="ion-padding">
+  <img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
+
   <div class="ion-padding space">
     <div *ngIf="signup_state==1; then startBlock"></div>
     <div *ngIf="signup_state==2; then secondBlock"></div>
@@ -47,28 +49,31 @@
           Register
         </ion-button>
 
+        <div *ngIf="showSocial == true ">
 
-        <ion-label class="or">Or Continue With</ion-label>
+          <ion-label class="or">Or Continue With</ion-label>
 
-        <div class="button">
-          <ion-buttons>
-            <ion-button>
-              <ion-icon name="logo-facebook"></ion-icon>
-            </ion-button>
-          </ion-buttons>
+          <div class="button">
+            <ion-buttons>
+              <ion-button>
+                <ion-icon name="logo-facebook"></ion-icon>
+              </ion-button>
+            </ion-buttons>
 
-          <ion-buttons>
-            <ion-button>
-              <ion-icon name="logo-google"></ion-icon>
-            </ion-button>
-          </ion-buttons>
+            <ion-buttons>
+              <ion-button>
+                <ion-icon name="logo-google"></ion-icon>
+              </ion-button>
+            </ion-buttons>
 
-          <ion-buttons>
-            <ion-button>
-              <ion-icon name="logo-twitter"></ion-icon>
-            </ion-button>
-          </ion-buttons>
+            <ion-buttons>
+              <ion-button>
+                <ion-icon name="logo-twitter"></ion-icon>
+              </ion-button>
+            </ion-buttons>
+          </div>
         </div>
+
       </div>
     </ng-template>
     <ng-template #secondBlock>

src/app/pages/register/register.page.ts

@@ -4,6 +4,7 @@ import {ToastController} from "@ionic/angular";
 import {NavController} from "@ionic/angular";
 import { WrenchService } from 'src/app/services/wrench.service';
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import { environment} from "../../../environments/environment";
 
 @Component({
   selector: 'app-register',
@@ -21,6 +22,7 @@ export class RegisterPage implements OnInit {
 
   pending_uid:string = '';
   signup_state:number = 1;
+  showSocial:boolean = true;
   /*
     'firstname': 'OluNG' ,
   'lastname': 'AmeyNG' ,
@@ -58,6 +60,7 @@ export class RegisterPage implements OnInit {
   }
 
   ngOnInit() {
+    this.showSocial =  environment.loginSocial;
   }
 
   onLogin() {