fix

src/app/login/login.page.html

@@ -10,33 +10,23 @@
 
     <ion-card-header>
       <ion-card-subtitle>Login</ion-card-subtitle>
-      
+
     </ion-card-header>
-   
+
     <ion-card-content>
 
       <ion-list>
 
-        <ion-item>
-          <ion-label floating>Username</ion-label>
-          <ion-input type="text"></ion-input>
-        </ion-item>
-
-        <ion-item>
-          <ion-label floating>Password</ion-label>
-          <ion-input type="password"></ion-input>
-        </ion-item>
-
         <ion-item style="background-color: transparent;" class="login-inputs">
           <ion-label floating>Username</ion-label>
           <ion-input type="email" [(ngModel)]="username" maxlenght="20"></ion-input>
-      </ion-item>
+        </ion-item>
 
-      <ion-item style="background-color: transparent;" class="login-inputs">
+        <ion-item style="background-color: transparent;" class="login-inputs">
           <ion-label floating>Password</ion-label>
           <ion-input type="password" [(ngModel)]="password" maxlenght="15"></ion-input>
-      </ion-item>
-      
+        </ion-item>
+
       </ion-list>
 
       <div padding style="text-align: right;">
@@ -65,7 +55,7 @@
       <ion-checkbox slot="start"></ion-checkbox>
     </ion-item>
   </ion-list>
-  
+
 
 
 </ion-content>

src/app/tab2/tab2.page.html

@@ -1,7 +1,7 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
-     <!--  Tab 2-->
+      Pages
     </ion-title>
   </ion-toolbar>
 </ion-header>

src/app/tab2/tab2.page.scss

@@ -1,3 +1,7 @@
 ion-content ion-toolbar {
   --background: translucent;
+}
+:root {
+  --ion-safe-area-top: 20px;
+  --ion-safe-area-bottom: 22px;
 }

src/app/tab3/tab3.page.html

@@ -1,12 +1,13 @@
-
+<ion-header [translucent]="true">
+  <ion-toolbar>
+    <ion-title>
+      Profile
+    </ion-title>
+  </ion-toolbar>
+</ion-header>
 
 <ion-content [fullscreen]="true">
-  <!-- ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">Tab 3</ion-title>
-    </ion-toolbar>
-  </ion-header -->
-
+  
   <ion-card>
 
     <ion-card-header style="text-align: center;">