Delete wrongly-aligned notification on mobile. Improve wordings

app/dashboard/templates/dashboard/setting.html

@@ -126,26 +126,25 @@
 
     <div class="card">
       <div class="card-body">
-        <div class="card-title" id="notification">Notifications
-          <div class="small-text mt-1 mb-3">Do you want to receive our newsletters?</div>
+        <div class="card-title" id="notification">Newsletters
+          <div class="small-text mt-1 mb-3">
+            Every now and then we can send you an email
+            to let you know about a new feature that might be useful to you.
+          </div>
         </div>
         <form method="post">
           <input type="hidden" name="form-name" value="notification-preference">
-          <div class="form-inline mb-3">
-            <div class="form-group">
+          <div class="form-check">
               <input type="checkbox" id="notification" name="notification" {% if current_user.notification %}
                      checked {% endif %} class="form-check-input">
               <label for="notification">I want to receive your newsletter</label>
             </div>
-          </div>
           <button type="submit" class="btn btn-outline-primary">Submit</button>
         </form>
       </div>
     </div>
 
 
-
-
     {% if current_user.get_subscription() %}
       <div class="card">
         <div class="card-body">