Client - init administration + refacto

fittrackee_client/src/components/User/PasswordReset/PasswordActionDone.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="password-action-done">
+  <div id="password-action-done" class="center-card center-card with-margin">
     <EmailSent v-if="action === 'request-sent'" />
     <Password v-else />
     <div class="password-message">
@@ -43,11 +43,6 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin: 100px auto;
-    width: 700px;
-    @media screen and (max-width: $medium-limit) {
-      width: 100%;
-    }
 
     svg {
       stroke: none;

fittrackee_client/src/components/User/PasswordReset/PasswordResetForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="password-reset-request">
+  <div id="password-reset-request" class="center-card with-margin">
     <Card>
       <template #title>{{ $t('user.RESET_PASSWORD') }}</template>
       <template #content>
@@ -36,12 +36,6 @@
   @import '~@/scss/base';
 
   #password-reset-request {
-    margin: 100px auto;
-    width: 700px;
-    @media screen and (max-width: $medium-limit) {
-      width: 100%;
-    }
-
     ::v-deep(.card) {
       .card-content {
         #user-form {

fittrackee_client/src/components/User/ProfileDisplay/UserInfos.vue

@@ -3,24 +3,14 @@
     <dl>
       <dt>{{ $t('user.PROFILE.REGISTRATION_DATE') }}:</dt>
       <dd>{{ registrationDate }}</dd>
-    </dl>
-    <dl>
       <dt>{{ $t('user.PROFILE.FIRST_NAME') }}:</dt>
       <dd>{{ user.first_name }}</dd>
-    </dl>
-    <dl>
       <dt>{{ $t('user.PROFILE.LAST_NAME') }}:</dt>
       <dd>{{ user.last_name }}</dd>
-    </dl>
-    <dl>
       <dt>{{ $t('user.PROFILE.BIRTH_DATE') }}:</dt>
       <dd>{{ birthDate }}</dd>
-    </dl>
-    <dl>
       <dt>{{ $t('user.PROFILE.LOCATION') }}:</dt>
       <dd>{{ user.location }}</dd>
-    </dl>
-    <dl>
       <dt>{{ $t('user.PROFILE.BIO') }}:</dt>
       <dd class="user-bio">
         {{ user.bio }}

fittrackee_client/src/components/User/ProfileDisplay/UserPreferences.vue

@@ -3,12 +3,8 @@
     <dl>
       <dt>{{ $t('user.PROFILE.LANGUAGE') }}:</dt>
       <dd>{{ language }}</dd>
-    </dl>
-    <dl>
       <dt>{{ $t('user.PROFILE.TIMEZONE') }}:</dt>
       <dd>{{ timezone }}</dd>
-    </dl>
-    <dl>
       <dt>{{ $t('user.PROFILE.FIRST_DAY_OF_WEEK') }}:</dt>
       <dd>{{ $t(`user.PROFILE.${fistDayOfWeek}`) }}</dd>
     </dl>

fittrackee_client/src/components/User/ProfileEdition/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="user-profile-edition">
+  <div id="user-profile-edition" class="center-card">
     <Card>
       <template #title>
         {{ $t(`user.PROFILE.${tab}_EDITION`) }}
@@ -49,16 +49,3 @@
     },
   })
 </script>
-
-<style lang="scss" scoped>
-  @import '~@/scss/base.scss';
-
-  #user-profile-edition {
-    margin: auto;
-    width: 700px;
-    @media screen and (max-width: $medium-limit) {
-      width: 100%;
-      margin: 0 auto 50px auto;
-    }
-  }
-</style>