Android - button is not displayed

Hello, This is my first post.
Trying to develop an app that runs in browser and android. Here is the code for home page

Welcome to MBE-GTC App
<ion-content :fullscreen="true">
    <ion-toolbar>
      <ion-button @click="loginClicked">Login Clicked</ion-button>
      <ion-button v-if="authenticated === false" @click="loginClicked">Login</ion-button>
      <ion-button v-if="authenticated" @click="logoutClicked">Logout</ion-button>
      <ion-button v-if="authenticated" @click="toTSP">TSP</ion-button>
      <ion-button v-if="authenticated" @click="toGTC">GTC</ion-button>
      <ion-text>Something</ion-text>
      <ion-text>{{ authenticated }}</ion-text>
      <div v-if="authenticated">
        <p>Logged as {{ user }}</p>
        <p>Access Token</p>
      <pre>{{ token }}</pre>
  </div>
    </ion-toolbar>
</ion-content>
#container { text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } #container strong { font-size: 20px; line-height: 26px; } #container p { font-size: 16px; line-height: 22px; color: #8c8c8c; margin: 0; } #container a { text-decoration: none; }

The app runs in browser.
Built and ran the app in android devise. Can see ‘Login Clicked’ button but not ‘Login’ button.
Am using ionic auth connect also.

Please can you advise why I can’t see ‘Login’ button.