add app/static and app/media

app/common/static/styles/_colours.scss

@@ -31,6 +31,7 @@ $form-input-border-active-colour: $colour-orange;
 $form-select-border-colour: $colour-light-blue;
 $form-error-background-colour: $colour-red;
 $form-error-text-colour: $colour-near-white;
+$form-help-text-colour: $colour-light-blue;
 
 $box-error-background-colour: $colour-red;
 $box-error-text-colour: $colour-white;

app/common/static/styles/_forms.scss

@@ -2,6 +2,10 @@
     .row {
         margin-bottom: 0;
     }
+    .help-text {
+        color: $form-help-text-colour;
+        padding: 1rem 0 1rem 0;
+    }
     label {
         text-transform: uppercase;
         display: block;

app/common/templates/base.html

@@ -51,7 +51,7 @@
           original code under a GPLv3 licence is available at
           <a href="https://github.com/meeb/tubesync" class="nowrap"><i class="fab fa-github"></i> https://github.com/meeb/tubesync</a>.
         </p>
-        <p>TubeSync version {{ app_version }} with embedded <a href="https://yt-dl.org/"><i class="fas fa-link"></i> youtube-dl</a> version {{ youtube_dl_version }}.</p>
+        <p>TubeSync version {{ app_version }} with <a href="https://yt-dl.org/"><i class="fas fa-link"></i> youtube-dl</a> version {{ youtube_dl_version }}.</p>
       </div>
     </footer>
 

app/common/templates/simpleform.html

@@ -10,8 +10,16 @@
   {% if field.field.widget.input_type == 'hidden' %}{{ field }}{% else %}
   <div class="row">
     <div class="input-field col s12">
+      {% if field.field.widget.input_type == 'checkbox' %}
+      <label>
+        {{ field }}
+        <span>{{ field.label }}</span>
+      </label>
+      {% else %}
       {{ field.label_tag }}
       {{ field }}
+      {% endif %}
+      {% if field.help_text %}<span class="help-text"><i class="fas fa-info-circle"></i> {{ field.help_text }}</span>{% endif %}
     </div>
   </div>
   {% endif %}