re place supplementary-role color input

src/app/pieces/role/role.component.html

@@ -126,6 +126,10 @@
                         <label for="name">Nom</label>
                         <input name="name" type="text"/>
                     </div>
+                    <div class="piece-form-supplementary-form-color">
+                        <label for="color">Couleur</label>
+                        <input name="color" type="color"/>
+                    </div>
                     <div class="piece-form-supplementary-form-textarea">
                         <label for="objectives">Objectifs</label>
                         <textarea name="objectives"></textarea>
@@ -138,10 +142,6 @@
                         <label for="rules">Règles</label>
                         <textarea name="rules"></textarea>
                     </div>
-                    <div class="piece-form-supplementary-form-color">
-                        <label for="color">Couleur</label>
-                        <input name="color" type="color"/>
-                    </div>
                 </div>
             </div>
         </div>

src/app/pieces/role/role.component.scss

@@ -358,8 +358,11 @@
                     margin-top: 10px;
 
                     label {
-                        margin-right: 5px;
-                        color: white;
+                        margin-right: 33px;
+                    }
+
+                    input {
+                        background-color: white;
                     }
                 }