docs: update user manual with simplified program management for animators

aircox/templates/aircox/base.html

@@ -74,8 +74,9 @@ Usefull context:
                         <a class="nav-item" href="{% url "profile" %}" target="new">
                             {% translate "Profile" %}
                         </a>
-                        <a class="nav-item" href="{% url 'logout' %}">
+                        <a class="nav-item" href="{% url "logout" %}" title="{% translate "Disconnect" %}"
-                            <i title="{% translate 'disconnect' %}" class="fa fa-power-off"></i>
+                            aria-label="{% translate "Disconnect" %}">
+                            <i class="fa fa-power-off"></i>
                         </a>
                         {% endif %}
                         {% endblock %}

aircox/templates/aircox/episode_form.html

@@ -23,7 +23,6 @@
     <table>
         {{ form.as_table }}
         {% render_honeypot_field "website" %}
-
     </table>
     <br/>
     <input type="submit" value="Update" class="button is-success">

aircox/templates/aircox/program_form.html

@@ -16,12 +16,23 @@
 <section class="container">
 <div>
 <form method="post" enctype="multipart/form-data">{% csrf_token %}
-    <table>
+    {% csrf_token %}
-        {{ form.as_table }}
+    {% for field in form %}
-        {% render_honeypot_field "website" %}
+    <div class="field is-horizontal">
-    </table>
+        <label class="label">{{ field.label }}</label>
-    <br/>
+        <div class="control">{{ field }}</div>
-    <input type="submit" value="Update" class="button is-success">
+    </div>
+    {% if field.errors %}
+    <p class="help is-danger">{{ field.errors }}</p>
+    {% endif %}
+    {% if field.help_text %}
+    <p class="help">{{ field.help_text|safe }}</p>
+    {% endif %}
+    {% endfor %}
+
+    <div class="has-text-right">
+        <button type="submit" class="button">{% translate "Update" %}</button>
+    </div>
 </form>
 </div>
 </section>