câblage: petites icônes dans les boutons

cablage/static/css/cablage.css

+.button img {
+    max-width: 30px;
+    max-height: 30px;
+    vertical-align: middle;
+    margin-left: 10px;
+}

cablage/templates/cablage/affichage.html

 {% extends "template.html" %}
 {% block title %}Application de Cablage{% endblock %}
 {% block h1 %}Cablage sur l'intranet{% endblock %}
+{% block head %}
+    {{ block.super }}
+    <link rel="stylesheet" type="text/css" href="/static/css/cablage.css" />
+{% endblock %}
 {% block content %}
 
 <form class="form-full-width" method="post">{% csrf_token %}
@@ -12,16 +16,28 @@
 
 <div class="row">
     <div class="three columns">
-      <a class="button" href="{% url 'cablage:rechercher' %}adherent">Rechercher un adhérent</a>
+      <a class="button" href="{% url 'cablage:rechercher' 'adherent' %}">
+        un adhérent
+        <img src="/static/img/icone_compte_white.svg">
+      </a>
     </div>
     <div class="three columns">
-      <a class="button" href="{% url 'cablage:rechercher' %}machine">Rechercher une machine</a>
+      <a class="button" href="{% url 'cablage:rechercher' 'machine' %}">
+        une machine
+        <img src="/static/img/machines_icon_fixe_white.svg">
+      </a>
     </div>
     <div class="three columns">
-       <a class="button" href="{% url 'cablage:rechercher' %}facture">Rechercher une facture</a>
+      <a class="button" href="{% url 'cablage:rechercher' 'facture' %}">
+        une facture
+        <img src="/static/img/icone_factures_white.svg">
+      </a>
     </div>
     <div class="three columns">
-       <a class="button" href="{% url 'cablage:rechercher' %}club">Rechercher un club</a>
+      <a class="button" href="{% url 'cablage:rechercher' 'club' %}">
+        un club
+        <img src="/static/img/icone_club_white.svg">
+      </a>
     </div>
 </div>
 
@@ -29,16 +45,30 @@
 
 <div class="row">
     <div class="three columns">
-      <a class="button" href="{% url 'compte:create' 'adh'%}">Créer un nouvel adhérent</a>
+      <a class="button" href="{% url 'compte:create' 'adh'%}">
+        Nouvel adhérent
+        <img src="/static/img/icone_compte_white.svg">
+      </a>
     </div>
     <div class="three columns">
-      <a class="button" href="{% url 'compte:create' 'club'%}">Créer un nouveau club</a>
+      <a class="button" href="{% url 'compte:create' 'club'%}">
+        Nouveau club
+        <img src="/static/img/icone_club_white.svg">
+      </a>
     </div>
     <div class="three columns">
-      <a class="button" href="{% url 'cablage:rechercher' %}addmachineadherent">Ajouter une machine à un adhérent</a>
+      <a class="button" href="{% url 'cablage:rechercher' 'addmachineadherent' %}">
+        Machine à un adhérent
+        <img src="/static/img/icone_compte_white.svg">
+        <img src="/static/img/machines_icon_fixe_white.svg">
+      </a>
     </div>
     <div class="three columns">
-      <a class="button" href="{% url 'cablage:rechercher' %}addmachineclub">Ajouter une machine à un club</a>
+      <a class="button" href="{% url 'cablage:rechercher' 'addmachineclub' %}">
+        Machine à un club
+        <img src="/static/img/icone_club_white.svg">
+        <img src="/static/img/machines_icon_fixe_white.svg">
+      </a>
     </div>
 </div>