Refactor music management UI: separate group musics into its own template, enhance form structure, and improve responsiveness

Fix #5

base/templates/registration/login.html

@@ -5,9 +5,9 @@
     <form method="post" {% if action %}action="{% url action %}"{% endif %}>
         {% csrf_token %}
         {% for field in form %}
-            <fieldset>
-                {% if field.id_for_label %}
-                    <label for="{{ field.id_for_label }}">{{ field.label }}</label>
+            {% if field.id_for_label %}
+                <label for="{{ field.id_for_label }}">
+                    {{ field.label }}
                 {% else %}
                     <legend>{{ field.label }}</legend>
                 {% endif %}
@@ -15,16 +15,16 @@
                 {% if field.errors %}
                     <small id="{{ field.errors.field_id }}_error" class="form-error">{{ field.errors|join:", " }}</small>
                 {% endif %}
-            </fieldset>
+            </label>
         {% endfor %}
         <button type="submit">Me connecter</button>
-        <p>
+        <fieldset>
             <a href="{% url "signup" %}" role="button" class="secondary">Créer mon compte</a>
-        </p>
-        <p>
+        </fieldset>
+        <fieldset>
             <a href="{% url "password_reset" %}"
                role="button"
                class="outline secondary">J'ai oublié mon mot de passe</a>
-        </p>
+        </fieldset>
     </form>
 {% endblock content %}