[enh] oscar template: using table instead of container-fluid to show cookies

searx/templates/oscar/messages/no_cookies.html

@@ -0,0 +1,5 @@
+{% from 'oscar/macros.html' import icon %}
+<div class="alert alert-info fade in" role="alert">
+    <strong class="lead">{{ icon('info-sign') }} {{ _('Information!') }}</strong>
+    {{ _('currently, there are no cookies defined.') }}
+</div>

searx/templates/oscar/preferences.html

@@ -213,21 +213,23 @@
                     {{ _('This is the list of cookies and their values searx is storing on your computer.') }}<br />
                     {{ _('With that list, you can assess searx transparency.') }}<br />
                 </p>
-                <div class="container-fluid">
-                    <fieldset>
-                        <div class="row">
-                            <div class="col-xs-6 col-sm-4 col-md-4 text-muted"><label>{{ _('Cookie name') }}</label></div>
-                            <div class="col-xs-6 col-sm-4 col-md-4 text-muted"><label>{{ _('Value') }}</label></div>
-                        </div>
+                {% if cookies %}
+                <table class="table table-striped">
+                    <tr>
+                        <th class="text-muted" style="padding-right:40px;">{{ _('Cookie name') }}</th>
+                        <th class="text-muted">{{ _('Value') }}</th>
+                    </tr>
 
                     {% for cookie in cookies %}
-                        <div class="row">
-                            <div class="col-xs-6 col-sm-4 col-md-4 text-muted">{{ cookie }}</div>
-                            <div class="col-xs-6 col-sm-4 col-md-4 text-muted">{{ cookies[cookie] }}</div>
-                        </div>
+                    <tr>
+                        <td class="text-muted" style="padding-right:40px;">{{ cookie }}</td>
+                        <td class="text-muted">{{ cookies[cookie] }}</td>
+                    </tr>
                     {% endfor %}
-                    </fieldset>
-                </div>
+                </table>
+                {% else %}
+                    {% include 'oscar/messages/no_cookies.html' %}
+                {% endif %}
             </div>
         </div>
         <p class="text-muted" style="margin:20px 0;">{{ _('These settings are stored in your cookies, this allows us not to store this data about you.') }}