Applique le gabarit sobre/compact/sans défilement à toutes les pages hors éditeur

Généralise le principe déjà en place pour l'édition d'objet (la page
n'occupe jamais plus que la hauteur de la fenêtre, seules ses zones
internes défilent) à toutes les pages restantes : liste des jeux, tableau
de bord d'un jeu, écrans, éléments de jeu, variables, nouvel objet,
formulaire de données, tableau des données d'un objet. Seuls l'éditeur
d'écran/d'élément et l'aperçu jouable restent en dehors (déjà exclus par
leur propre gabarit plein écran, ou pas concernés).

Nouveau gabarit générique à une colonne (body.pageBody + .content-page +
.scrollArea) sur le même principe que .content-objectEdit, plus une
variante .formScroll pour un formulaire long à défilement interne (liste
de champs d'un nouvel objet, formulaire de données) tout en gardant les
boutons d'action toujours visibles. Les listes/tableaux remplacés par le
format dense .fieldsTable (déjà utilisé pour le tableau de bord) pour
rester cohérent et afficher plus de lignes à l'écran.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

templates/screens_list.html

@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 {% block title %}Écrans — {{ game.name }}{% endblock %}
+{% block content_class %}content-page{% endblock %}
+{% block body_class %}pageBody{% endblock %}
 {% block breadcrumb %}
 <li><a href="{{ url_for('game_dashboard', slug=game.slug) }}">{{ game.name }}</a></li>
 <li class="is-active"><a>Écrans</a></li>
@@ -7,54 +9,52 @@
 {% block content %}
 <h1 class="title">Écrans du jeu</h1>
 
-<form method="post" action="{{ url_for('screens_new', slug=game.slug) }}" class="box">
-  <div class="field">
-    <label class="label" for="name">Nom du nouvel écran</label>
-    <div class="field has-addons">
-      <div class="control is-expanded">
-        <input class="input" type="text" id="name" name="name" placeholder="ex. Accueil, Formulaire d'inscription, Scène 1..." required>
-      </div>
-      <div class="control">
-        <button type="submit" class="button is-primary">+ Créer l'écran</button>
-      </div>
+<form method="post" action="{{ url_for('screens_new', slug=game.slug) }}" class="card">
+  <div class="fieldRow">
+    <div class="formField" style="flex:1;">
+      <label for="name">Nom du nouvel écran</label>
+      <input type="text" id="name" name="name" placeholder="ex. Accueil, Formulaire d'inscription, Scène 1..." required>
     </div>
+    <button type="submit" class="primary" style="align-self:flex-end;">+ Créer l'écran</button>
   </div>
 </form>
 
 {% if request.args.get('blocked_screen') %}
-<div class="notification is-warning is-light">
+<div class="warningBanner">
   ⚠️ Suppression impossible : au moins un autre écran a un bouton qui cible précisément celui-ci. Retire d'abord cette action.
 </div>
 {% endif %}
 
-<h2 class="subtitle">Enchaînement des écrans</h2>
+<h2>Enchaînement des écrans</h2>
+<div class="scrollArea">
 {% if screen_list %}
-<div class="table-container">
-<table class="table is-fullwidth is-hoverable">
-  <tbody>
-  {% for s in screen_list %}
-  <tr>
-    <td class="is-vcentered">
-      <a href="{{ url_for('screen_edit', slug=game.slug, screen_id=s.id) }}">{{ loop.index }}. {{ s.name }}</a>
-      {% if loop.first %} <span class="tag is-info is-light">★ Écran de départ</span>{% endif %}
-    </td>
-    <td class="is-vcentered has-text-right">
-      <div class="buttons is-inline-flex are-small">
-        <form method="post" action="{{ url_for('screen_move', slug=game.slug, screen_id=s.id) }}"><input type="hidden" name="direction" value="up"><button type="submit" class="button is-small" {{ 'disabled' if loop.first else '' }}>↑</button></form>
-        <form method="post" action="{{ url_for('screen_move', slug=game.slug, screen_id=s.id) }}"><input type="hidden" name="direction" value="down"><button type="submit" class="button is-small" {{ 'disabled' if loop.last else '' }}>↓</button></form>
-        <a class="button is-small" href="{{ url_for('screen_edit', slug=game.slug, screen_id=s.id) }}">✏️</a>
-        <form method="post" action="{{ url_for('screen_delete', slug=game.slug, screen_id=s.id) }}"
-              onsubmit="return confirm('Supprimer l\'écran « {{ s.name }} » et tous ses éléments ?');">
-          <button type="submit" class="button is-small is-danger">🗑️</button>
-        </form>
-      </div>
-    </td>
-  </tr>
-  {% endfor %}
-  </tbody>
-</table>
+<div class="fieldsTableWrap">
+  <table class="table is-fullwidth is-hoverable fieldsTable">
+    <thead><tr><th>#</th><th>Nom</th><th></th></tr></thead>
+    <tbody>
+      {% for s in screen_list %}
+      <tr>
+        <td>{{ loop.index }}</td>
+        <td>
+          <a href="{{ url_for('screen_edit', slug=game.slug, screen_id=s.id) }}">{{ s.name }}</a>
+          {% if loop.first %} <span class="tag is-info is-light">★ Départ</span>{% endif %}
+        </td>
+        <td class="fieldsTableActions">
+          <form method="post" action="{{ url_for('screen_move', slug=game.slug, screen_id=s.id) }}"><input type="hidden" name="direction" value="up"><button type="submit" class="button is-small" {{ 'disabled' if loop.first else '' }}>↑</button></form>
+          <form method="post" action="{{ url_for('screen_move', slug=game.slug, screen_id=s.id) }}"><input type="hidden" name="direction" value="down"><button type="submit" class="button is-small" {{ 'disabled' if loop.last else '' }}>↓</button></form>
+          <a class="button is-small" href="{{ url_for('screen_edit', slug=game.slug, screen_id=s.id) }}">✏️</a>
+          <form method="post" action="{{ url_for('screen_delete', slug=game.slug, screen_id=s.id) }}"
+                onsubmit="return confirm('Supprimer l\'écran « {{ s.name }} » et tous ses éléments ?');">
+            <button type="submit" class="button is-small is-danger">🗑️</button>
+          </form>
+        </td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
 </div>
 {% else %}
-<p class="help">Aucun écran pour l'instant — crée le premier ci-dessus.</p>
+<p class="hint">Aucun écran pour l'instant — crée le premier ci-dessus.</p>
 {% endif %}
+</div>
 {% endblock %}