Move event update disabled checkbox to text

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/Settings/AccountSettings.vue

@@ -279,11 +279,11 @@ export default class AccountSettings extends Vue {
   }
 }
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 @import "@/variables.scss";
 
 .setting-title {
-  margin-top: 3rem;
+  margin-top: 1rem;
 
   h2 {
     display: inline;
@@ -293,7 +293,9 @@ export default class AccountSettings extends Vue {
     font-size: 1.25rem;
   }
 }
+</style>
 
+<style lang="scss" scoped>
 .cancel-button {
   margin-top: 2rem;
 }

js/src/views/Settings/Notifications.vue

@@ -1,14 +1,19 @@
 <template>
   <div v-if="loggedUser">
+    <div class="setting-title">
+      <h2>{{ $t("Participation notifications") }}</h2>
+    </div>
     <div class="field">
-      <b-checkbox disabled v-model="notificationEventUpdates">
-        <strong>{{ $t("Important event updates") }}</strong>
-        <p>
-          {{
-            $t("Like title update, start or end date change, event being confirmed or cancelled.")
-          }}
-        </p>
-      </b-checkbox>
+      <strong>{{
+        $t("We'll always send you emails to notifiy about important event updates")
+      }}</strong>
+      <p>
+        {{
+          $t(
+            "Like title or physical address update, start or end date change or event being confirmed or cancelled."
+          )
+        }}
+      </p>
     </div>
     <div class="field">
       <b-checkbox v-model="notificationOnDay" @input="updateSetting({ notificationOnDay })">
@@ -62,8 +67,6 @@ import { ICurrentUser } from "../../types/current-user.model";
 export default class Notifications extends Vue {
   loggedUser!: ICurrentUser;
 
-  notificationEventUpdates = true;
-
   notificationOnDay = true;
 
   notificationEachWeek = false;