From 67cac5e3fb29d4079330e9c2b6372b281d6f80b6 Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sun, 13 Jul 2025 20:11:23 -0400
Subject: [PATCH] Login page adjust

---
 src/app/pages/login/login.page.html   | 67 +++++++++++++++------------
 src/app/pages/slider/slider.page.html |  8 ++--
 src/app/pages/slider/slider.page.scss |  5 +-
 3 files changed, 44 insertions(+), 36 deletions(-)

diff --git a/src/app/pages/login/login.page.html b/src/app/pages/login/login.page.html
index 355e8b8..26c5837 100644
--- a/src/app/pages/login/login.page.html
+++ b/src/app/pages/login/login.page.html
@@ -9,33 +9,7 @@
           <!--      <ion-label class="simp_lbl">Login to continue</ion-label>-->
 
           <div class="boxed_contents">
-            <div
-              style="max-width: 450px; margin-left: auto; margin-right: auto"
-            >
-              <ion-grid>
-                <ion-row>
-                  <ion-col size="6">
-                    <ion-button
-                      fill="outline"
-                      size="large"
-                      class="scan_login_button"
-                      (click)="moveToStartScan()"
-                    >
-                      <ion-icon slot="start" name="scan"></ion-icon>
-                      Scan Login</ion-button
-                    >
-                  </ion-col>
-                  <ion-col size="6">
-                    <ion-button class="login-type22" (click)="familyLogin()">
-                      <ion-icon name="people-circle-outline"></ion-icon>
-                      <span style="margin-left: 5px"
-                        >Kids Login</span
-                      ></ion-button
-                    >
-                  </ion-col>
-                </ion-row>
-              </ion-grid>
-            </div>
+
 
             <div class="login_box">
               <ion-label
@@ -84,12 +58,9 @@
               </div>
               <div style="color: red;">{{login_response}}</div>
             </div>
-
-            <!--            <ion-button shape="round">Round</ion-button>-->
             <ion-label class="forgot_lbl" (click)="onForgot()"
               >Forgot your password ?</ion-label
             >
-
             <div *ngIf="showSocial == true ">
               <ion-label class="or">Or Continue With</ion-label>
               <div class="button">
@@ -122,6 +93,42 @@
           </div>
         </div>
       </div>
+
+      <div class="bottom">
+        <ion-label class="last_lbl"
+        >
+          <span (click)="familyLogin()">Family Login</span></ion-label
+        >
+      </div>
+
+<!--      <div-->
+<!--              style="max-width: 450px; margin-left: auto; margin-right: auto"-->
+<!--      >-->
+<!--        <ion-grid>-->
+<!--          <ion-row>-->
+<!--            <ion-col size="6">-->
+<!--              <ion-button-->
+<!--                      fill="outline"-->
+<!--                      size="large"-->
+<!--                      class="scan_login_button"-->
+<!--                      (click)="moveToStartScan()"-->
+<!--              >-->
+<!--                <ion-icon slot="start" name="scan"></ion-icon>-->
+<!--                Scan Login</ion-button-->
+<!--              >-->
+<!--            </ion-col>-->
+<!--            <ion-col size="6">-->
+<!--              <ion-button class="login-type22" (click)="familyLogin()">-->
+<!--                <ion-icon name="people-circle-outline"></ion-icon>-->
+<!--                <span style="margin-left: 5px"-->
+<!--                >Kids Login</span-->
+<!--                ></ion-button-->
+<!--              >-->
+<!--            </ion-col>-->
+<!--          </ion-row>-->
+<!--        </ion-grid>-->
+<!--      </div>-->
+
     </div>
     <div *ngIf="loginType==='pending';">
       <div class="ion-padding space">
diff --git a/src/app/pages/slider/slider.page.html b/src/app/pages/slider/slider.page.html
index b5ee1ba..0294528 100644
--- a/src/app/pages/slider/slider.page.html
+++ b/src/app/pages/slider/slider.page.html
@@ -63,14 +63,14 @@
             <div  style="padding-top: 0; width: 100%; text-align: center;">
                 <img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
             </div>
-          <div class="action_h1">Join today! Find, assign, engage and easily reward your kids and more.  </div>
-          <ion-button (click)="onRegister()" expand="block" shape="round">
+          <div class="action_h1">Join today! find, assign, engage in tasks for reward and more.  </div>
+          <ion-button (click)="onLogin()" expand="block" shape="round">
             Get Started
           </ion-button>
 
-          <div class="action_txt_scan"  (click)="onStartScan()">Kids? Scan code to continue</div>
+<!--          <div class="action_txt_scan"  (click)="onStartScan()">Kids? Scan code to continue</div>-->
 
-            <div class="action_txt" (click)="onLogin()">Already using WrenchBoard ? <span style="color: #3dc2ff">Sign in </span> </div>
+<!--            <div class="action_txt" (click)="onLogin()">Already using WrenchBoard ? <span style="color: #3dc2ff">Sign in </span> </div>-->
         </div>
 
       </div>
diff --git a/src/app/pages/slider/slider.page.scss b/src/app/pages/slider/slider.page.scss
index a637507..4392223 100644
--- a/src/app/pages/slider/slider.page.scss
+++ b/src/app/pages/slider/slider.page.scss
@@ -24,14 +24,15 @@
 .action_box{
   //z-index: 7;
   background-color: white;
-  height: 290px;
+  height: 220px;
   max-width: 400px;
   padding: 20px;
   margin: 10px auto 10px auto;
   border-radius: 20px;
   .action_h1{
-    font-size: 14px;
+    font-size: 16px;
     color: #182b3a;
+    font-weight: bolder;
     padding: 0 0 20px 0;
     width: 100%;
     text-align: center;