From bab20812a0e0023d7f2fe6c5b92310a5bb8daa96 Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Sat, 26 May 2018 13:06:41 -0700
Subject: [PATCH] More UI fixes for consistency

---
 .../assets/scripts/components/auth/LoginForm.vue      | 11 ++++++-----
 .../assets/scripts/components/auth/TwoFactorForm.vue  |  4 +++-
 .../themes/pterodactyl/templates/auth/core.blade.php  |  2 +-
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/resources/assets/scripts/components/auth/LoginForm.vue b/resources/assets/scripts/components/auth/LoginForm.vue
index ccc8105b8..160c8a3ad 100644
--- a/resources/assets/scripts/components/auth/LoginForm.vue
+++ b/resources/assets/scripts/components/auth/LoginForm.vue
@@ -16,8 +16,9 @@
                 <div class="input-open">
                     <input class="input" id="grid-username" type="text" name="user" aria-labelledby="grid-username" required
                            ref="email"
-                           v-bind:readonly="showSpinner"
-                           v-bind:value="user.email"
+                           :class="{ 'has-content' : user.email.length > 0 }"
+                           :readonly="showSpinner"
+                           :value="user.email"
                            v-on:input="updateEmail($event)"
                     />
                     <label for="grid-username">{{ $t('strings.user_identifier') }}</label>
@@ -25,10 +26,10 @@
             </div>
             <div class="flex flex-wrap -mx-3 mb-6">
                 <div class="input-open">
-                    <input class="input" id="grid-password" type="password" name="password"
+                    <input class="input" id="grid-password" type="password" name="password" aria-labelledby="grid-password" required
                            ref="password"
-                           v-bind:readonly="showSpinner"
-                           aria-labelledby="grid-password" required
+                           :class="{ 'has-content' : user.password && user.password.length > 0 }"
+                           :readonly="showSpinner"
                            v-model="user.password"
                     />
                     <label for="grid-password">{{ $t('strings.password') }}</label>
diff --git a/resources/assets/scripts/components/auth/TwoFactorForm.vue b/resources/assets/scripts/components/auth/TwoFactorForm.vue
index c207dd529..dbbe422b9 100644
--- a/resources/assets/scripts/components/auth/TwoFactorForm.vue
+++ b/resources/assets/scripts/components/auth/TwoFactorForm.vue
@@ -4,7 +4,9 @@
     >
         <div class="flex flex-wrap -mx-3 mb-6">
             <div class="input-open">
-                <input class="input" id="grid-code" type="number" name="token" aria-labelledby="grid-username" ref="code" required
+                <input class="input" id="grid-code" type="number" name="token" aria-labelledby="grid-username" required
+                       ref="code"
+                       :class="{ 'has-content' : code.length > 0 }"
                        v-model="code"
                 />
                 <label for="grid-code">{{ $t('auth.two_factor.label') }}</label>
diff --git a/resources/themes/pterodactyl/templates/auth/core.blade.php b/resources/themes/pterodactyl/templates/auth/core.blade.php
index d84751df0..1d190e1f3 100644
--- a/resources/themes/pterodactyl/templates/auth/core.blade.php
+++ b/resources/themes/pterodactyl/templates/auth/core.blade.php
@@ -23,7 +23,7 @@
                 </div>
                 <router-view></router-view>
                 <p class="text-center text-grey text-xs">
-                    {{ trans('strings.copyright', ['year' => date('Y')]) }}
+                    {!! trans('strings.copyright', ['year' => date('Y')]) !!}
                 </p>
             </div>
         </div>