From 0ee2fad7c72e5995dd6cc5b9c28834eb78dc3d16 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 5 Jun 2020 15:37:45 +0200
Subject: [PATCH] Move event update disabled checkbox to text

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Settings/AccountSettings.vue |  6 ++++--
 js/src/views/Settings/Notifications.vue   | 23 +++++++++++++----------
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/js/src/views/Settings/AccountSettings.vue b/js/src/views/Settings/AccountSettings.vue
index 774812454..40c4916af 100644
--- a/js/src/views/Settings/AccountSettings.vue
+++ b/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;
 }
diff --git a/js/src/views/Settings/Notifications.vue b/js/src/views/Settings/Notifications.vue
index d7053ff64..efd256f2e 100644
--- a/js/src/views/Settings/Notifications.vue
+++ b/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;