fix

src/app/login/login.page.html

@@ -17,25 +17,15 @@
 
       <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>
 

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,11 +1,12 @@
-
+<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>