Make the Request Override settings easier to understand

changedetectionio/static/styles/styles.css

@@ -407,6 +407,8 @@ and also iPads specifically.
   .edit-form #actions {
     display: block;
     background: #fff; }
+  .edit-form .pure-form-message-inline {
+    padding-left: 0; }
 
 ul {
   padding-left: 1em;

changedetectionio/static/styles/styles.scss

@@ -576,6 +576,10 @@ $form-edge-padding: 20px;
     display: block;
     background: #fff;
   }
+
+  .pure-form-message-inline {
+    padding-left: 0;
+  }
 }
 
 ul {

changedetectionio/templates/edit.html

@@ -58,15 +58,20 @@
                         </span>
                     </div>
 
+                <hr/>
                 <fieldset class="pure-group">
+
+                    <span class="pure-form-message-inline">
+                        <strong>Request override is currently only used by the <i>Basic fast Plaintext/HTTP Client</i> method.</strong>
+                    </span>
                     <div class="pure-control-group">
                         {{ render_field(form.method) }}
                     </div>
-                    <strong>Note: <i>Request Headers and Body settings are ONLY used by Basic fast Plaintext/HTTP Client fetch method.</i></strong>
+                    <div class="pure-control-group">
-                    {{ render_field(form.headers, rows=5, placeholder="Example
+{{ render_field(form.headers, rows=5, placeholder="Example
 Cookie: foobar
 User-Agent: wonderbra 1.0") }}
-                </fieldset>
+                    </div>
                     <div class="pure-control-group">
                                         {{ render_field(form.body, rows=5, placeholder="Example
 {
@@ -75,7 +80,8 @@ User-Agent: wonderbra 1.0") }}
    \"car\":null
 }") }}
                     </div>
-
+                </fieldset>
+                <br/>
             </div>
 
             <div class="tab-pane-inner" id="notifications">