1 files changed, 66 insertions, 46 deletions
diff --git a/static/website/templates/ajax-keyword-search.html b/static/website/templates/ajax-keyword-search.html
index 7d38a42..234332a 100644
--- a/static/website/templates/ajax-keyword-search.html
+++ b/static/website/templates/ajax-keyword-search.html
@@ -1,55 +1,75 @@
 {% if questions %}
+<br>
+<table class="table table-striped table-bordered table-hover">
+    <th> FOSS </th>
+    <th>TUTORIAL</th>
+    <th> MIN</th>
+    <th> SEC </th>
+    <th> QUESTION</th>
+    <th> DATE</th>
+    <th> USER</th>
     {% for question in questions %}
-        <div class="question">
-                    <div class="title">
-                        <a href="{% url 'website:get_question' question.id %}">{{ question.title }}</a>
-                    </div> 
-                    <br>
-                    <span class="category">
-                        <small>
-                            <a href="{% url 'website:filter' question.category %}?qid={{ question.id }}">
-                                {{ question.category }}
-                            </a>
-                        </small>
-                    </span>
+    <tr>
+        <td>
+            <span href="#" class="category" data-toggle="tooltip" data-placement="top" title="{{ question.category}}">
+                {{ question.category|truncatechars:15 }} 
+            </span>
+            <a class="pull-right" href="{% url 'website:filter' question.category %}?qid={{ question.id }}">
+                <span class="glyphicon glyphicon-search"></span>
+            </a>
+        </td>
 
-                    <span class="tutorial">
-                        <small>
-                            <a href="{% url 'website:filter' question.category question.tutorial %}?qid={{ question.id }}">
-                                {{ question.tutorial}}
-                            </a>
-                        </small>
-                    </span>
+        <td>
+            <span class="tutorial" data-toggle="tooltip" data-placement="top" title="{{ question.tutorial}}">
+                {{ question.tutorial|truncatechars:15 }}
+            </span>
+            <a class="pull-right" href="{% url 'website:filter' question.category question.tutorial %}?qid={{ question.id }}">
+                <span class="glyphicon glyphicon-search"></span>
+            </a>
+        </td>
 
-                    <span class="minute_range">
-                        <small>
-                            <a href="{% url 'website:filter' question.category question.tutorial question.minute_range %}?qid={{ question.id }}">
-                                {{ question.minute_range }} min
-                            </a>
-                        </small>
-                    </span>
+        <td>
+            <span>
+                <a href="{% url 'website:filter' question.category question.tutorial question.minute_range %}?qid={{ question.id }}">
+                    {{ question.minute_range }}
+                </a>
+            </span>
+        </td>
 
-                    <span class="second_range">
-                        <small>
-                            <a href="{% url 'website:filter' question.category question.tutorial question.minute_range question.second_range%}?qid={{ question.id }}">
-                                {{ question.second_range }} sec
-                            </a>
-                        </small>
-                    </span>
-                    
-                    <span class="meta">
-                        <small>
-                                <i>
-                                    {{ question.date_created }}
-                                </i>
-                        </small>
+        <td>        
+            <span>
+                <a href="{% url 'website:filter' question.category question.tutorial question.minute_range question.second_range%}?qid={{ question.id }}">
+                    {{ question.second_range }}
+                </a>
+            </span>
+        </td>
 
-                        <span class="user">
-                            {{ question.user }}
-                        </span>
-                    </span>
-                </div> <!-- /.question -->
+        <td>
+            <span class="title" data-toggle="tooltip" data-placement="top" title="{{ question.title }}">
+                <a href="{% url 'website:get_question' question.id %}">{{ question.title|truncatechars:45 }}</a>
+            </span>            
+        </td>
+
+        <td>    
+            <span>
+                <i>
+                    {{ question.date_created|date:"y-d-m" }}
+                </i>
+            </span>
+        </td>
+                
+        <td>
+                {{ question.user }}
+        </td>
+    </tr>
     {% endfor %}
+</table>
 {% else %}
-<h4>No results found . . .</h4>
+    <h4>No results found . . .</h4>
 {% endif %}
+
+{% block javascript %}
+<script>
+    $('span').tooltip();
+</script>
+{% endblock %}