Completely hide the UI instead

changedetectionio/static/js/watch-settings.js

@@ -29,12 +29,14 @@ $(document).ready(function () {
     function toggle_default_notifications() {
         var n=$('#notification_urls, #notification_title, #notification_body, #notification_format');
         if ($('#notification_use_default').is(':checked')) {
+            $('#notification-field-group').fadeOut();
             $(n).each(function (e) {
-                $(this).attr('readonly', true).css('opacity',0.5);
+                $(this).attr('readonly', true);
             });
         } else {
+            $('#notification-field-group').show();
             $(n).each(function (e) {
-                $(this).attr('readonly', false).css('opacity',1);
+                $(this).attr('readonly', false);
             });
         }
     }

changedetectionio/templates/edit.html

@@ -136,10 +136,10 @@ User-Agent: wonderbra 1.0") }}
 
             <div class="tab-pane-inner" id="notifications">
                 <fieldset>
-                    <div class="field-group">
+                    <div  class="pure-control-group inline-radio">
-                        <div  class="pure-control-group inline-radio">
+                      {{ render_checkbox_field(form.notification_use_default) }}
-                        {{ render_checkbox_field(form.notification_use_default) }}
+                    </div>
-                        </div>
+                    <div class="field-group" id="notification-field-group">
                         {{ render_common_settings_form(form, current_base_url, emailprefix) }}
                     </div>
                 </fieldset>