added basic css for department view

Palto/Palto/static/Palto/css/department_view.css

@@ -0,0 +1,39 @@
+#department-informations {
+    border-collapse: collapse;
+    border: 2px solid black;
+    margin: 5% auto;
+}
+
+#department-informations th {
+    text-align: right;
+    border: 1px solid black;
+    padding: 4px;
+}
+
+#department-informations td {
+    text-align: left;
+    border: 1px solid black;
+    padding: 4px;
+}
+
+#department-relations {
+    display: flex;
+    width: 60%;
+    margin: auto;
+}
+
+.department-relation {
+    border-collapse: collapse;
+    border: 2px solid black;
+    margin: 0 auto auto auto;
+}
+
+.department-relation th {
+    border: 2px solid black;
+    padding: 4px;
+}
+
+.department-relation td {
+    border: 2px solid black;
+    padding: 4px;
+}

Palto/Palto/templates/Palto/department_view.html

@@ -1,12 +1,17 @@
 {% extends "Palto/base/base-features.html" %}
 {% load dict_tags %}
+{% load static %}
 
+{% block style %}
+    {{ block.super }}
+    <link rel="stylesheet" href="{% static "Palto/css/department_view.css" %}" />
+{% endblock %}
 
 {% block body %}
     {{ block.super }}
 
     {# department's information #}
-    <table>
+    <table id="department-informations">
         <tr>
             <th>Identifiant</th>
             <td>{{ department.id }}</td>
@@ -17,12 +22,21 @@
         </tr>
         <tr>
             <th>Mail</th>
-            <td>{% if department.email != None %}{{ department.email }}{% else %} / {% endif %}</td>
+            <td><a href="mailto:{{ department.email }}">{{ department.email }}</a></td>
+        </tr>
+        <tr>
+            <th>Enseignants</th>
+            <td>{{ department.teachers.count }}</td>
+        </tr>
+        <tr>
+            <th>Étudiants</th>
+            <td>{{ department.students.count }}</td>
         </tr>
     </table>
 
+    <div id="department-relations">
         {# department's managers #}
-    <table>
+        <table class="department-relation">
             <thead>
                 <tr>
                     <th>Responsables</th>
@@ -38,7 +52,7 @@
         </table>
 
         {# department's teachers #}
-    <table>
+        <table class="department-relation">
             <thead>
                 <tr>
                     <th>Enseignants</th>
@@ -52,4 +66,5 @@
                 {% endfor %}
             </tbody>
         </table>
+    </div>
 {% endblock %}