From 01864e60819c803d6e01eb6ecbd60628d2a4f6fb Mon Sep 17 00:00:00 2001
From: Yannick Le Duc <y@le-duc.com>
Date: Tue, 26 Aug 2025 15:13:51 +0200
Subject: [PATCH] =?UTF-8?q?-=20param=C3=A8tre=20"random"=20de=20l'affichag?=
 =?UTF-8?q?e=20des=20propositions=20=C3=A0=20True=20par=20d=C3=A9faut=20-?=
 =?UTF-8?q?=20am=C3=A9liorations=20UX/UI=20mineures=20de=20la=20page=20de?=
 =?UTF-8?q?=20vote?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 database/supabase-schema.sql                        |  2 +-
 .../campaigns/[id]/vote/[participantId]/page.tsx    | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/database/supabase-schema.sql b/database/supabase-schema.sql
index 6952077..4c31384 100644
--- a/database/supabase-schema.sql
+++ b/database/supabase-schema.sql
@@ -220,7 +220,7 @@ CREATE POLICY "Admins can manage settings" ON settings
 
 -- Paramètres par défaut
 INSERT INTO settings (key, value, category, description) VALUES
-('randomize_propositions', 'false', 'display', 'Afficher les propositions dans un ordre aléatoire lors du vote');
+('randomize_propositions', 'true', 'display', 'Afficher les propositions dans un ordre aléatoire lors du vote');
 
 -- ========================================
 -- FONCTIONS UTILITAIRES
diff --git a/src/app/campaigns/[id]/vote/[participantId]/page.tsx b/src/app/campaigns/[id]/vote/[participantId]/page.tsx
index 2133554..00747e7 100644
--- a/src/app/campaigns/[id]/vote/[participantId]/page.tsx
+++ b/src/app/campaigns/[id]/vote/[participantId]/page.tsx
@@ -286,7 +286,6 @@ export default function PublicVotePage() {
         <div className="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-8">
           <div className="grid grid-cols-1 md:grid-cols-1 gap-6">
             <div>
-              <h3 className="text-sm font-medium text-gray-500">Description</h3>
               <p className="mt-1 text-sm text-gray-900 whitespace-pre-wrap">{campaign?.description}</p>
               {isRandomOrder && (
                 <div className="mt-3 p-2 bg-blue-50 border border-blue-200 rounded-md">
@@ -312,7 +311,17 @@ export default function PublicVotePage() {
         ) : (
           <div className="space-y-6">
             {propositions.map((proposition) => (
-              <div key={proposition.id} className="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
+              <div 
+                key={proposition.id} 
+                className={`rounded-lg shadow-sm border overflow-hidden transition-all duration-200 relative ${
+                  localVotes[proposition.id] && localVotes[proposition.id] > 0
+                    ? 'border-indigo-400 shadow-lg bg-indigo-100'
+                    : 'bg-white border-gray-200'
+                }`}
+              >
+                <div className="absolute -top-1 left-4 bg-white px-2 text-xs text-gray-500 font-medium z-10 border border-gray-200 rounded-t">
+                  Proposition
+                </div>
                 <div className="p-6">
                   <div className="flex items-start justify-between">
                     <div className="flex-1">