From fde554ad4f0062f7005499a15e4c8b611304c22e Mon Sep 17 00:00:00 2001
From: Admin MPCZ <admin@mpcz.fr>
Date: Thu, 7 May 2026 19:56:33 +0200
Subject: [PATCH] style(patching/import): boutons d'action vraiment visibles
 (border + glow + uppercase)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Avant: btn-sm fade text-xs avec bg-color/20 — ressemblaient a des liens.

Apres: classe .btn-action avec
- padding 6px 14px (plus genereux)
- text-transform uppercase + letter-spacing
- font-weight 700
- border 1px currentColor + box-shadow glow
- hover: translateY(-1px) + glow renforce
- Variantes coloris: btn-add (vert), btn-rep (bleu), btn-cancel (gris), btn-pre (orange)
- Icones renommes pour clarte (✕ Annuler, ▶ Pre-patching)

Pas de modif fonctionnelle, juste visuel.
---
 app/templates/patching_import.html | 30 ++++++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/app/templates/patching_import.html b/app/templates/patching_import.html
index 8d8780a..1b4de2b 100644
--- a/app/templates/patching_import.html
+++ b/app/templates/patching_import.html
@@ -123,19 +123,37 @@
             </label>
             <span class="text-xs text-gray-400" id="selection-count">0 sélectionné(s)</span>
             <div class="flex-1"></div>
+            <style>
+                .btn-action {
+                    padding: 6px 14px; font-size: 0.8rem; font-weight: 700;
+                    border-radius: 6px; cursor: pointer; border: 1px solid currentColor;
+                    box-shadow: 0 0 8px currentColor;
+                    transition: all .15s;
+                    text-transform: uppercase; letter-spacing: 0.03em;
+                }
+                .btn-action:hover { transform: translateY(-1px); box-shadow: 0 0 14px currentColor; }
+                .btn-action.btn-add    { background: rgba(34,197,94,.15);  color: #22c55e; }
+                .btn-action.btn-add:hover    { background: rgba(34,197,94,.30); }
+                .btn-action.btn-rep    { background: rgba(59,130,246,.15); color: #3b82f6; }
+                .btn-action.btn-rep:hover    { background: rgba(59,130,246,.30); }
+                .btn-action.btn-cancel { background: rgba(156,163,175,.15); color: #9ca3af; }
+                .btn-action.btn-cancel:hover { background: rgba(156,163,175,.30); color: #f3f4f6; }
+                .btn-action.btn-pre    { background: rgba(245,158,11,.18); color: #f59e0b; }
+                .btn-action.btn-pre:hover    { background: rgba(245,158,11,.35); }
+            </style>
             {% if can_import %}
-            <button id="btn-add-eligible" class="btn-sm bg-cyber-green/20 text-cyber-green px-3 py-1 text-xs" title="Marque les lignes sélectionnées comme éligibles au patching">
+            <button id="btn-add-eligible" class="btn-action btn-add" title="Marque les lignes sélectionnées comme éligibles au patching">
                 + Ajouter au patching
             </button>
-            <button id="btn-report" class="btn-sm bg-cyber-blue/20 text-cyber-blue px-3 py-1 text-xs" title="Reporter les lignes sélectionnées à une autre semaine">
+            <button id="btn-report" class="btn-action btn-rep" title="Reporter les lignes sélectionnées à une autre semaine">
                 ⤳ Reporter
             </button>
-            <button id="btn-unset" class="btn-sm bg-cyber-border text-gray-400 px-3 py-1 text-xs" title="Annuler éligibilité / report sur les lignes sélectionnées">
-                Annuler
+            <button id="btn-unset" class="btn-action btn-cancel" title="Annuler éligibilité / report sur les lignes sélectionnées">
+                ✕ Annuler
             </button>
             {% endif %}
-            <button id="btn-prepatch" class="btn-sm bg-cyber-yellow/20 text-cyber-yellow px-3 py-1 text-xs" title="Lancer le pré-patching (rows éligibles uniquement)">
-                Pré-patching →
+            <button id="btn-prepatch" class="btn-action btn-pre" title="Lancer le pré-patching (rows éligibles uniquement)">
+                ▶ Pré-patching
             </button>
         </div>
         <table class="w-full text-xs" id="sheet-table">