From d82556c59679480abed3ce9a30a996b74b9669d0 Mon Sep 17 00:00:00 2001
From: Pontoporeia <pontoporeia@happyngreen.fr>
Date: Wed, 22 Apr 2026 11:10:13 +0200
Subject: [PATCH] Unify form CSS: move licence/share-badge styles to admin.css,
 remove inline style from partage form

---
 TODO.md                         |  1 +
 app/public/assets/css/admin.css | 62 +++++++++++++++++++++++++++++++++
 app/public/partage/index.php    | 35 +------------------
 3 files changed, 64 insertions(+), 34 deletions(-)

diff --git a/TODO.md b/TODO.md
index 9a0cf71..5bf23ca 100644
--- a/TODO.md
+++ b/TODO.md
@@ -7,3 +7,4 @@
 - [x] Add SMTP test email button in parametres.php (action + CSS)
 - [x] Fix SmtpRelay::send() — replace broken mail() stub with native PHP socket SMTP client (STARTTLS/SSL, AUTH PLAIN/LOGIN)
 - [x] Lock body scroll on all pages (admin + public); only `main` or inner element scrolls
+- [x] Unify form CSS between admin `add.php` and student partage form: move licence/share-badge styles into `admin.css`, remove inline `<style>` from `partage/index.php`, switch to `common.css` + `admin.css`
diff --git a/app/public/assets/css/admin.css b/app/public/assets/css/admin.css
index 63c9ef7..f72bfb4 100644
--- a/app/public/assets/css/admin.css
+++ b/app/public/assets/css/admin.css
@@ -1973,6 +1973,68 @@ label:has(+ div > input:required)::after {
     background: var(--accent-secondary);
 }
 
+/* ── Share link badge ──────────────────────────────────────────────────── */
+.share-badge {
+    display: inline-block;
+    padding: var(--space-3xs) var(--space-xs);
+    background: var(--blue-muted-bg);
+    border: 1px solid var(--blue-muted-border, var(--border-primary));
+    border-radius: 3px;
+    font-size: var(--step--2);
+    margin-bottom: var(--space-xs);
+}
+
+/* ── Licence / degrees-of-openness block (student share form) ───────────── */
+.licence-explanation {
+    background: var(--bg-secondary);
+    border-left: 4px solid var(--border-secondary, var(--border-primary));
+    padding: var(--space-m);
+    margin: 0;
+}
+
+.licence-explanation legend {
+    font-size: var(--step--1);
+    font-weight: 600;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: var(--text-secondary);
+    padding: 0 var(--space-2xs);
+}
+
+.licence-info h3 {
+    margin-top: var(--space-m);
+    font-size: var(--step-0);
+}
+
+.licence-degree {
+    margin: var(--space-s) 0;
+    padding: var(--space-s);
+    background: var(--bg-primary);
+    border: 1px solid var(--border-primary);
+    border-radius: 4px;
+}
+
+.licence-degree h4 {
+    margin: 0 0 var(--space-2xs);
+    font-size: var(--step--1);
+    font-weight: 600;
+}
+
+.licence-note {
+    color: var(--text-secondary);
+    font-size: var(--step--2);
+    margin-top: var(--space-2xs);
+}
+
+.licence-generalites {
+    margin-top: var(--space-m);
+}
+
+.licence-generalites h3 {
+    font-size: var(--step-0);
+    margin-bottom: var(--space-xs);
+}
+
 /* ── Student thanks page ────────────────────────────────────────────────── */
 .thanks-student-page {
     display: flex;
diff --git a/app/public/partage/index.php b/app/public/partage/index.php
index 15cbe9e..d35c6fb 100644
--- a/app/public/partage/index.php
+++ b/app/public/partage/index.php
@@ -250,41 +250,8 @@ function renderShareLinkForm(string $slug, array $link): void
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title><?= htmlspecialchars($pageTitle) ?></title>
-        <link rel="stylesheet" href="<?= App::assetV('/assets/css/system.css') ?>">
+        <link rel="stylesheet" href="<?= App::assetV('/assets/css/common.css') ?>">
         <link rel="stylesheet" href="<?= App::assetV('/assets/css/admin.css') ?>">
-        <style>
-            .student-body {
-                max-width: 800px;
-                margin: 0 auto;
-                padding: 2rem 1rem;
-            }
-            .licence-explanation {
-                background: #f9f9f9;
-                border-left: 4px solid #666;
-                padding: 1.5rem;
-                margin: 2rem 0;
-            }
-            .licence-info h3 { margin-top: 1.5rem; }
-            .licence-degree { margin: 1.5rem 0; padding: 1rem; background: white; border: 1px solid #ddd; border-radius: 4px; }
-            .licence-note { color: #666; font-size: 0.9rem; margin-top: 0.5rem; }
-            .licence-generalites { margin-top: 2rem; }
-            .form-footer {
-                margin-top: 2rem;
-                padding-top: 1rem;
-                border-top: 2px solid #333;
-            }
-            .share-badge {
-                display: inline-block;
-                padding: 0.25rem 0.75rem;
-                background: #e0f0ff;
-                border: 1px solid #99c;
-                border-radius: 3px;
-                font-size: 0.85rem;
-                margin-bottom: 1rem;
-            }
-            h1 { margin-bottom: 0.5rem; }
-            .mode-toggle { font-size: 0.9rem; }
-        </style>
     </head>
     <body class="admin-body student-body">
         <main id="main-content">