#85 added translate text, added icon and small tweeks

src/components/Login.vue

@@ -2,34 +2,45 @@
 <b-container class="vw-100 vh-100">
   <b-row class="row justify-content-center align-items-center">
     <b-col id="login-column" col md="6">
-        <b-alert id="alert" show variant="info">
-          {{ $t("Common.Login.SignIn") }} <br> {{ $t("Common.Login.UseCred") }} <br> {{ $t("Common.Login.Note") }}
+
+        <b-alert id="alert" show variant="info" class="rounded-0">
+          <b-row>
+            <b-col cols="2 mx-auto text-center ">
+              <b-icon class="h1 mb-0" icon="exclamation-circle-fill" variant="info"></b-icon>
+            </b-col>
+            <b-col cols="10">
+              {{ $t("Common.Login.SignIn") }} <br> {{ $t("Common.Login.UseCred") }} <br> {{ $t("Common.Login.Note") }}
+            </b-col>
+          </b-row>
         </b-alert>
+
       <b-col id="login-box" col md="12">
         <b-form-group
           id="fieldset-1"
-          description="Enter your plex username"
-          label="Username"
+          :description="$t('Common.Login.UsernamePrompt')"
+          :label="$t('Common.Login.Username')"
           label-for="input-1">
             <b-form-input id="input-1" v-model="input.username" trim></b-form-input>
         </b-form-group>
 
         <b-form-group
           id="fieldset-2"
-          description="Enter your plex password"
-          label="Password"
+          :description="$t('Common.Login.PasswordPrompt')"
+          :label="$t('Common.Login.Password')"
           label-for="input-2">
             <b-form-input type="password" id="input-2" v-model="input.password" trim></b-form-input>
         </b-form-group>
 
-         <b-form-checkbox
-          id="checkbox-1"
-          v-model="checkbox"
-          name="checkbox-1">
-            Save username
-        </b-form-checkbox>
+        <b-form-group>
+          <b-form-checkbox
+            id="checkbox-1"
+            v-model="checkbox"
+            name="checkbox-1">
+            {{ $t('Common.Login.UsernameSave') }}
+          </b-form-checkbox>
+        </b-form-group>
 
-        <b-button type="submit" variant="primary" v-on:click="plexLogin()">Login</b-button>
+        <b-button type="submit"  variant="primary" v-on:click="plexLogin()">Login</b-button>
       </b-col>
     </b-col>
   </b-row>

src/main.js

@@ -13,7 +13,7 @@ import VueSidebarMenu from 'vue-sidebar-menu'
 import 'vue-sidebar-menu/dist/vue-sidebar-menu.css'
 import '@fortawesome/fontawesome-free/css/all.css'
 import i18n from './i18n'
-import  BootstrapVue from 'bootstrap-vue'
+import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'
 
@@ -23,6 +23,8 @@ Vue.use(Vuex);
 Vue.use(VueSidebarMenu)
 Vue.use(Buefy);
 Vue.use(BootstrapVue);
+Vue.use(BootstrapVueIcons)
+
 
 
 // Logging start