diff --git a/elections/templates/elections/election_list.html b/elections/templates/elections/election_list.html
index 415a212..fa71857 100644
--- a/elections/templates/elections/election_list.html
+++ b/elections/templates/elections/election_list.html
@@ -4,9 +4,9 @@
 
 {% block content %}
 
-<div class="level">
-  <div class="level-left">
-    <div class="level-item">
+<div class="level is-mobile">
+  <div class="level-left is-flex-shrink-1 pr-3">
+    <div class="level-item is-flex-shrink-1">
       <h1 class="title">{% trans "Liste des élections" %}</h1>
     </div>
   </div>
@@ -29,13 +29,13 @@
 {% for e in election_list %}
 <div class="panel is-primary is-radiusless">
   <div class="panel-heading is-size-6 is-radiusless">
-    <div class="level">
+    <div class="level is-mobile mb-0">
       <div class="level-left is-flex-shrink-1">
         <div class="level-item is-flex-shrink-1">
           <a class="has-text-primary-light" href="{% url 'election.view' e.pk %}"><u>{{ e.name }}</u></a>
         </div>
 
-        <div class="level-item">
+        <div class="level-item is-hidden-touch">
           <span class="tag is-primary is-light">
             <span class="icon-text">
               <span>{{ e.start_date|date:"d/m/Y H:i" }}</span>
@@ -49,29 +49,39 @@
       </div>
 
       <div class="level-right">
-        {% if not e.visible %}
         <div class="level-item">
+          {% if not e.visible %}
           <span class="tag is-warning is-light">
             <span class="icon">
               <i class="fas fa-eye-slash"></i>
             </span>
             <span>{% trans "Élection invisible" %}</span>
           </span>
-        </div>
-        {% endif %}
+          {% endif %}
 
 
-        {% if e.created_by == user %}
-        <div class="level-item">
+          {% if e.created_by == user %}
           <a class="has-text-primary-light ml-3 has-tooltip-light" href="{% url 'election.admin' e.pk %}" data-tooltip="{% trans "Administrer" %}">
             <span class="icon">
               <i class="fas fa-cog"></i>
             </span>
           </a>
+          {% endif %}
         </div>
-        {% endif %}
       </div>
     </div>
+
+    <div class="is-hidden-desktop mt-2">
+      <span class="tag is-primary is-light">
+        <span class="icon-text">
+          <span>{{ e.start_date|date:"d/m/Y H:i" }}</span>
+          <span class="icon has-text-primary">
+            <i class="fas fa-long-arrow-alt-right"></i>
+          </span>
+          <span>{{ e.end_date|date:"d/m/Y H:i" }}</span>
+        </span>
+      </span>
+    </div>
   </div>
 
   {% if e.tallied or e.results_public or e.archived %}
diff --git a/shared/templates/base.html b/shared/templates/base.html
index d159be7..79660a2 100644
--- a/shared/templates/base.html
+++ b/shared/templates/base.html
@@ -223,7 +223,7 @@
   <div class="main-content">
     <div class="columns is-centered">
       <div class="column is-two-thirds-fullhd is-12-desktop is-12-widescreen">
-        <section id="notifications" class="section pt-3">
+        <section id="notifications" class="section pt-0">
 
           {% for message in messages %}
           <div class="notification is-{{ message.level_tag|bulma_message_tag }} is-light">