Merge branch 'LeoMouyna/mobilizon-297-password-reset-form'

js/src/views/User/PasswordReset.vue

@@ -1,7 +1,10 @@
 <template>
-  <section class="section container columns is-mobile is-centered">
+  <section class="section container">
-    <div class="card column is-half-desktop">
+    <div class="columns is-mobile is-centered">
-      <h1>{{ $t("Password reset") }}</h1>
+      <div class="column is-half-desktop">
+        <h1 class="title">
+          {{ $t("Password reset") }}
+        </h1>
         <b-message
           title="Error"
           type="is-danger"
@@ -27,12 +30,15 @@
               type="password"
               password-reveal
               minlength="6"
-            v-model="credentials.passwordConfirmation"
+              v-model="credentials.password_confirmation"
             />
           </b-field>
-        <button class="button is-primary">{{ $t("Reset my password") }}</button>
+          <button class="button is-primary">
+            {{ $t("Reset my password") }}
+          </button>
         </form>
       </div>
+    </div>
   </section>
 </template>
 
@@ -97,3 +103,12 @@ export default class PasswordReset extends Vue {
   }
 }
 </script>
+
+<style lang="scss" scoped>
+section.section.container {
+  background: $white;
+}
+.container .columns {
+  margin: 1rem auto 3rem;
+}
+</style>