Correction mise en page tableaux sur smartphone

Fix #87

src/agenda_culturel/static/style.scss

@@ -680,7 +680,8 @@ header .remarque {
         margin-right: 2em;
     }
 }
-.form.recent {
+@media only screen and (min-width: 800px) {
+    .form.recent {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         column-gap: .5em;
@@ -688,6 +689,7 @@ header .remarque {
         button {
             grid-column: 1/3;
         }
+    }
 }
 .form.recent.moderation-events {
     :nth-last-child(4) {
@@ -1636,7 +1638,7 @@ form.messages {
         display: block;
         fieldset div {
             display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+            //grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
             margin-right: 1em;
         }
     }

src/agenda_culturel/templates/agenda_culturel/categorisation_rules.html

@@ -34,6 +34,7 @@
           Les règles sont appliquées à l'import sur tous les événements, et à la demande sur tous les événements, avec confirmation dans le cas d'événements déjà catégorisés.
         </p>
       </header>
+      <div class="large-table">
         <table role="grid">
           <thead>
             <tr>
@@ -90,6 +91,7 @@
             {% endfor %}
           </tbody>
         </table>
+      </div>
       <footer>
         <span>{% include "agenda_culturel/paginator.html" %}</span>
       </footer>

src/agenda_culturel/templates/agenda_culturel/messages.html

@@ -43,6 +43,7 @@
           <button type="submit">Filtrer</button>
         </form>
       </header>
+      <div class="large-table">
         <table role="grid">
           <thead>
             <tr>
@@ -105,6 +106,7 @@
             {% endfor %}
           </tbody>
         </table>
+      </div>
       <footer>
         {% include "agenda_culturel/paginator_filter.html" %}
       </footer>

src/agenda_culturel/templates/agenda_culturel/rimports.html

@@ -59,6 +59,7 @@
           <button type="submit">Filtrer</button>
         </form>
       </header>
+      <div class="large-table">
         <table role="grid">
           <thead>
             <tr>
@@ -110,6 +111,7 @@
         {% endfor %}
       </tbody>
     </table>
+  </div>
   <footer>
     <span>{% include "agenda_culturel/paginator.html" %}</span>
   </footer>

src/agenda_culturel/templates/agenda_culturel/statistics.html

@@ -49,6 +49,7 @@
       On affiche cette information pour les imports depuis le début de leur
       intégration à l'agenda, mais aussi pour le dernier mois.
     </p>
+    <div class="large-table">
       <table>
         <thead>
           <th class="label"></th>
@@ -65,6 +66,7 @@
           </tr>
         </tbody>
       </table>
+    </div>
     <h2>Par ville</h2>
     <p>Nombre d'événements référencés par ville.</p>
     <ul>