modified: SRC/public/css/referent.css

modified:   SRC/public/js/ListeOeuvre.js
	modified:   SRC/resources/views/referent.blade.php

SRC/public/css/referent.css

@@ -227,4 +227,26 @@ background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
 
 .ios7-switch:hover input:focus:checked + span {
     box-shadow: inset 0 0 0 0.73em #4cd964;
-}
+}
+
+
+
+/*Chosen width fix*/
+/* Fix  width bug */
+.chosen-container, .chosen-drop, .chosen-drop .chosen-search, .chosen-drop {
+  width: 220px !important;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+/* Input Box has to be slightly smaller, don't know why and I don't care. */
+.chosen-search input {
+    width: 210px !important;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+/* Override width of the whole thing */
+.chosen-container { width:220px !important; }

SRC/public/js/ListeOeuvre.js

@@ -173,6 +173,7 @@ $('#liAddImages').click(function() {
     $('#addpicture').show("slow");
     $('#liSelection').removeClass("active");
     $('#liAddImages').addClass("active");
+    $(".chosen-select").chosen({width: "100px"}); 
 });
 
 

SRC/resources/views/referent.blade.php

@@ -64,18 +64,20 @@
       <li role="presentation" id="liAddImages"><a href="#">Ajouter des images</a></li>
     </ul>
     <br>
-    <!-- TAKE ALL THAT'S INSIDE THIS DIV FOR "MY SELECTION" -->
+
-<div class="col-md-7 princ" id="selection">
+<!-- TAKE ALL THAT'S INSIDE THIS DIV FOR "MY SELECTION" -->
+<div id="selection">
   <span style="float: right"><a href="">Sélectionner tout</a> -- <a href="">Annuler sélection</a></span><br>
     <div class="panel-body" id="oeuvrePic">
       <!-- // TODO -->
     </div>
   <button style="float: right" class="btn btn-primary" id="enregistrer">Enregistrer</button>
+  <br><br>
 </div>
 
 
 <!-- TAKE ALL THAT'S INSIDE THIS DIV FOR "ADD PICTURES" -->
-<div class="col-md-7 princ" id="addpicture" style="display:none">
+<div id="addpicture" style="display:none">
 
 
   <!-- PART CHOOSE AND FILL FILTER -->
@@ -178,6 +180,7 @@
       </ul>
     </nav>
   <button style="float: right" class="btn btn-primary" id="ajouter">Ajouter à ma liste d'oeuvre</button>
+  <br><br>
 </div>
   </div>