Fixed not found page for Vuetify 2

app/imports/ui/pages/NotFound.vue

@@ -1,12 +1,19 @@
 <template>
-  <div>
-    <v-layout
-      align-center
-      justify-center
-    >
-      <h1>
-        No page was found for this address
-      </h1>
-    </v-layout>
-  </div>
+  <v-layout
+    style="height: 100%;"
+    column
+    align-center
+    justify-center
+  >
+    <h1 class="text-h1">
+      404
+    </h1>
+    <h1 class="ma-4 text-h3">
+      No page was found for this address
+    </h1>
+  </v-layout>
 </template>
+
+<script lang="js">
+  export default {}
+</script>

app/imports/ui/pages/Register.vue

@@ -18,6 +18,8 @@
           type="text"
           label="Email"
           :rules="emailRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -26,6 +28,8 @@
           type="text"
           label="Username"
           :rules="usernameRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -34,6 +38,8 @@
           type="password"
           label="Password"
           :rules="passwordRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -42,6 +48,8 @@
           type="password"
           label="Password Again"
           :rules="password2Rules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -78,7 +86,7 @@
 </template>
 
 <script lang="js">
-  export default{
+  export default {
     data() {
       return {
         valid: true,
@@ -88,7 +96,7 @@
         ],
         email: '',
         emailRules: [
-          v => !!v || 'Name is required',
+          v => !!v || 'E-mail is required',
           v => /.+@.+/.test(v) || 'E-mail must be valid',
         ],
         password: '',

app/imports/ui/pages/SignIn.vue

@@ -18,6 +18,8 @@
           type="text"
           label="Username or email"
           :rules="nameRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -26,6 +28,8 @@
           type="password"
           label="Password"
           :rules="passwordRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -39,6 +43,7 @@
           <v-btn
             :disabled="!valid"
             color="accent"
+            class="ma-2"
             @click="submit"
           >
             Sign In
@@ -46,6 +51,7 @@
           <v-btn
             color="accent"
             :to="{ name: 'register', query: { redirect: this.$route.query.redirect} }"
+            class="ma-2"
           >
             Register
           </v-btn>
@@ -62,6 +68,7 @@
       </div>
       <v-btn
         color="accent"
+        class="ma-2"
         @click="googleLogin"
       >
         Sign in with Google
@@ -71,6 +78,7 @@
       </div>
       <v-btn
         color="accent"
+        class="ma-2"
         @click="patreonLogin"
       >
         Sign in with Patreon
@@ -80,8 +88,7 @@
 </template>
 
 <script lang="js">
-  import { Meteor } from 'meteor/meteor'
-	export default{
+	export default {
 		data: () => ({
       valid: true,
       name: '',