From 5f79d5cf439b09fdcc9ab78af7dbefebc82f7b88 Mon Sep 17 00:00:00 2001
From: Raphael Odini <raphodn@users.noreply.github.com>
Date: Tue, 8 Aug 2023 15:39:44 +0200
Subject: [PATCH] =?UTF-8?q?Poste=20de=20b=C3=A9n=C3=A9volat=20:=20am=C3=A9?=
 =?UTF-8?q?liorer=20le=20color=20picker=20(#949)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Resources/views/admin/job/_form.html.twig | 48 ++++++++++++-------
 1 file changed, 30 insertions(+), 18 deletions(-)

diff --git a/app/Resources/views/admin/job/_form.html.twig b/app/Resources/views/admin/job/_form.html.twig
index e7fa334c6..41f82ac58 100644
--- a/app/Resources/views/admin/job/_form.html.twig
+++ b/app/Resources/views/admin/job/_form.html.twig
@@ -10,24 +10,36 @@
     {{ form_widget(form.min_shifter_alert) }}
 </div>
 <div class="row">
-    {{ form_label(form.color) }}<br>
-    <a href="https://materializecss.com/color.html" target="_blank"><i class="material-icons left">link</i> Couleur
-        materialize</a>
-    <span class="badge red">red</span>
-    <span class="badge pink">pink</span>
-    <span class="badge purple">purple</span>
-    <span class="badge deep-purple">deep-purple</span>
-    <span class="badge indigo">indigo</span>
-    <span class="badge blue">blue</span>
-    <span class="badge light-blue">light-blue</span>
-    <span class="badge cyan">cyan</span>
-    <span class="badge teal">teal</span>
-    <span class="badge green">green</span>
-    <span class="badge light-green">light-green</span>
-    <span class="badge lime">lime</span>
-    <span class="badge gray">...</span>
-    {{ form_errors(form.color) }}
-    {{ form_widget(form.color) }}
+    <div class="col m6 l4">
+        {{ form_label(form.color) }}
+        {{ form_errors(form.color) }}
+        {{ form_widget(form.color) }}
+    </div>
+    <div class="col m6 l8">
+        <a href="https://materializeweb.com/color.html" target="_blank"><i class="material-icons left">link</i> Couleurs materialize</a>
+        <p>
+            <span class="badge red white-text">red</span>
+            <span class="badge pink white-text">pink</span>
+            <span class="badge purple white-text">purple</span>
+            <span class="badge deep-purple white-text">deep-purple</span>
+            <span class="badge indigo white-text">indigo</span>
+            <span class="badge blue white-text">blue</span>
+            <span class="badge light-blue white-text">light-blue</span>
+            <span class="badge cyan white-text">cyan</span>
+            <span class="badge teal white-text">teal</span>
+            <span class="badge green white-text">green</span>
+            <span class="badge light-green white-text">light-green</span>
+            <span class="badge lime white-text">lime</span>
+            <span class="badge yellow white-text">yellow</span>
+            <span class="badge amber white-text">amber</span>
+            <span class="badge orange white-text">orange</span>
+            <span class="badge deep-orange white-text">deep-orange</span>
+            <span class="badge brown white-text">brown</span>
+            <!-- <span class="badge gray white-text">gray</span> -->
+            <!-- <span class="badge blue-gray white-text">blue-gray</span> -->
+            <span class="badge black white-text">black</span>
+        </p>
+    </div>
 </div>
 <div class="row">
     {{ form_label(form.description) }}