new changes

deploy/dist/scan_qr/styles.1630600df617c5c3.css

+.tekblue{color:#021a32}.tekblue1{color:#4b9dee}.tekgreen{color:#2b3c6b}.text-field{height:30px;border:.5px solid #d7eafd;border-radius:5px}.text-field:hover{border:.5px solid #021a32}.pointer{cursor:pointer}

src/app/login/login.component.css

@@ -22,6 +22,14 @@
   padding-left: 10px;
   padding-top: 5px;
   
+}
+.mslogo{
+  width: 100px;
+  height:80px;
+  /* transform: scale(0.6); */
+  padding-left: 30px;
+  padding-top: 5px;
+  
 }
 .ios{
   width:70px;
@@ -35,7 +43,7 @@
   justify-content: center;
   align-items: center;
   width: 33rem;
-  height:10rem;
+  height:11rem;
   margin-top: 1rem;
   background-color: rgb(255, 255, 255);
   box-shadow: rgb(46 56 64 / 12%) 0px 4px 16px;

src/app/login/login.component.html

@@ -54,7 +54,7 @@
     <div class="col-2 pl-4">
       <img src="./assets/android-logo.png"  class="android">
        
-      <ngx-qrcode [value]="androidStore" [width]=80></ngx-qrcode>
+      <ngx-qrcode [value]="androidStore" [width]=90></ngx-qrcode>
     </div>
     <div class="col-1">
       <img src = "./assets/authenticator.png" style="width:50px; height:50px">
@@ -63,7 +63,7 @@
     <!-- <img src = "./assets/Authenticator.png"> -->
     <div class="col-2">
       <img src="./assets/appstore-logo.png" class="ios">
-      <ngx-qrcode [value]="appleStore" [width]=85></ngx-qrcode>
+      <ngx-qrcode [value]="appleStore" [width]=95></ngx-qrcode>
     </div>
     <div class="col-7 pt-2 font">
       <li>Search for MS Authenticator in playstore/ appstore, or scan the specific QR Code and install the app.</li>

src/app/scanqr/scanqr.component.css

 .main-div {
   margin:auto;
-  justify-content: center;
-  align-items: center;
-  width: 25rem;
-  height: auto;
-  margin-left: 5rem;
+  width: 33rem;
+  height: 20rem;
   margin-right: auto;
-  margin-top: 8rem;
+  margin-top: 3rem;
   background-color: rgb(255, 255, 255);
   border-radius: 8px;
   justify-content: center;
   align-items: center;
-  margin-bottom: 24px;
   display: grid;
   padding:2rem;
   }
@@ -39,22 +35,17 @@
    }
    .container2{
     margin:auto;
-    justify-content: center;
-    align-items: center;
-    width: 25rem;
-    height:24.8rem;
-    margin-left: 5rem;
+    width: 33rem;
+    height:13rem;
     margin-right: auto;
-    margin-top: 8rem;
+    margin-top: 1rem;
     background-color: rgb(255, 255, 255);
     box-shadow: rgb(46 56 64 / 12%) 0px 4px 16px;
     border-radius: 8px;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 24px;
-    /* display: inline; */
-    /* padding:2rem; */
     padding-left: 20px;
   }
+  .font{
+    font-size: small;
+  }
   
   
\ No newline at end of file

src/app/scanqr/scanqr.component.html

 <div>
-    <div class="row">
-    <div class="container2">
-      <b><h5 class="pt-4">  Set up the Authenticator app</h5></b>
-      <p>After you install the Authenticator app, follow the steps below to add your account:</p>
-      <li>Open the Authenticator app.</li><br>
-      <li>Select (+) in the upper right corner.</li><br>
-      <li>Point your camera at the QR code and follow below instructions.</li> <br>
-      <li>select Add account, and then select Work or school account, followed by Scan a QR Code.</li>
-    </div>
-    </div>
-    <div class="row">
+  
+    <div class="col">
       <div class="container main-div">
         <div class="row" >
           <div class="col">
@@ -26,12 +17,6 @@
         </div>
   
         <div class="row mb-3">
-          <div class="col">
-            <h6>Enter your Phonenumber:</h6>
-          </div>
-          <div class="col">
-            <input type="text" class="text-field" placeholder="Enter Phonenumber" [(ngModel)]="phnNumber">
-          </div>
         </div>
         <div class="row mb-3">
           <div class="col">
@@ -40,5 +25,17 @@
         </div>
       </div>
       </div>
+
+      <div class="col font">
+        <div class="container2">
+          <b><h5 class="pt-2">  Set up the Authenticator app</h5></b>
+          <p>After you install the Authenticator app, follow the steps below to add your account:</p>
+          <li>Open the Authenticator app.</li>
+          <li>Select (+) in the upper right corner.</li>
+          <li>Select Add account, and then select Work or School account, followed by Scan a QR Code.</li> 
+          <li>Point your camera at the QR code and your account will get added.</li>
+          <li>Enter the OTP that is visible on the phone screen on the box in the right and click on validate.</li>
+        </div>
+      </div>
     </div>
     
\ No newline at end of file