From 016989c4de291dee3b53cf7bdfc55651cbb63647 Mon Sep 17 00:00:00 2001
From: Ludovic Stephan <lstephan@clipper.ens.fr>
Date: Thu, 19 Jan 2017 22:53:58 -0200
Subject: [PATCH] search results css

---
 kfet/static/kfet/css/jconfirm-kfet.css        | 21 +++++++++++++++++++
 .../kfet/account_search_autocomplete.html     |  2 +-
 kfet/templates/kfet/kpsul.html                |  6 +++---
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/kfet/static/kfet/css/jconfirm-kfet.css b/kfet/static/kfet/css/jconfirm-kfet.css
index 4269fbcc..0bd53ab7 100644
--- a/kfet/static/kfet/css/jconfirm-kfet.css
+++ b/kfet/static/kfet/css/jconfirm-kfet.css
@@ -83,3 +83,24 @@
     padding-right: 50px;
     padding-left: 50px;
 }
+
+/* Account autocomplete window */
+
+#account_results ul {
+    list-style-type:none; 
+    background:rgba(255,255,255,0.9);
+    padding:0;
+}
+
+#account_results li {
+    display:block;
+    padding:5px 20px;
+    height:100%;
+    width:100%;
+}
+
+#account_results .hilight {
+    background:rgba(200,16,46,0.9); 
+    color:#fff;
+    text-decoration:none;
+}
diff --git a/kfet/templates/kfet/account_search_autocomplete.html b/kfet/templates/kfet/account_search_autocomplete.html
index 22e2cca3..e18eb1eb 100644
--- a/kfet/templates/kfet/account_search_autocomplete.html
+++ b/kfet/templates/kfet/account_search_autocomplete.html
@@ -3,7 +3,7 @@
 <ul>
     {% if accounts %}
         {% for trigramme, user in accounts %}
-        <li><span class="choice">{{ user|highlight_text:q }} (<span class="trigramme">{{ trigramme }}</span>)</li>
+        <li class='choice'>{{ user|highlight_text:q }} (<span class="trigramme">{{ trigramme }}</span>)</li>
         {% endfor %}
     {% elif not q %}
         <li class="user_category"><span class="text">Pas de recherche, pas de résultats !</span></li>
diff --git a/kfet/templates/kfet/kpsul.html b/kfet/templates/kfet/kpsul.html
index 6178f039..46a3088a 100644
--- a/kfet/templates/kfet/kpsul.html
+++ b/kfet/templates/kfet/kpsul.html
@@ -265,7 +265,7 @@ $(document).ready(function() {
 
     // Search for an account
     function searchAccount() {
-        var content = '<input type="text" name="q" id="search_autocomplete" spellcheck="false" autofocus><div class="yourlabs-autocomplete"></div>' ;
+        var content = '<input type="text" name="q" id="search_autocomplete" spellcheck="false" autofocus><div id="account_results"></div>' ;
         $.dialog({
             title: 'Recherche de compte',
             content: content,
@@ -276,12 +276,12 @@ $(document).ready(function() {
             onOpen: function() {
                 var that=this ;
                 $('input#search_autocomplete').yourlabsAutocomplete({
-                    url: '{% url 'kfet.account.search.autocomplete' %}',
+                    url: '{% url "kfet.account.search.autocomplete" %}',
                     minimumCharacters: 2,
                     id: 'search_autocomplete',
                     choiceSelector: '.choice',
                     placeholder: "Chercher un utilisateur K-Fêt",
-                    box: $(".yourlabs-autocomplete"),
+                    box: $("#account_results"),
                 });
                 $('input#search_autocomplete').bind(
                     'selectChoice',