From 1b7152930db8c7695860117b9796ee99b23aba6f Mon Sep 17 00:00:00 2001
From: Rodolphe Breard <rodolphe@what.tf>
Date: Mon, 11 Jun 2018 13:51:37 +0200
Subject: [PATCH] Improve log display for small displays

---
 logs/templates/logs/entries.html | 34 +++++++++++++++++---------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/logs/templates/logs/entries.html b/logs/templates/logs/entries.html
index 0a6dbf5..3ec45b5 100644
--- a/logs/templates/logs/entries.html
+++ b/logs/templates/logs/entries.html
@@ -58,22 +58,24 @@
             </div>
             {% endif %}
             {% if entries and not filter_nsfw %}
-            <table class="table is-narrow is-striped">
-                <tbody>
-                    {% for entry in entries %}
-                    <tr>
-                        {% if request.user.is_staff %}
-                        <td>
-                            <a href="{% url 'log_switch_entry' entry.pk %}?next={{ request.path_info }}">{% if entry.hidden %}<span class="has-text-danger">⚠</span>{% else %}<span class="has-text-success">✓</span>{% endif %}</a>
-                        </td>
-                        {% endif %}
-                        <td>{{ entry.created|date:"H:i:s" }}</td>
-                        <td class="has-text-right{% if not entry.nick %} has-text-grey-light is-italic{% endif %}">{% if entry.nick %}{{ entry.nick }}{% else %}*{% endif %}</td>
-                        <td{% if not entry.nick %} class="has-text-grey-light is-italic"{% endif %}>{{ entry.content|urlize }}</td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
+            <div class="table-container">
+                <table class="table is-narrow is-striped is-fullwidth">
+                    <tbody>
+                        {% for entry in entries %}
+                        <tr>
+                            {% if request.user.is_staff %}
+                            <td>
+                                <a href="{% url 'log_switch_entry' entry.pk %}?next={{ request.path_info }}">{% if entry.hidden %}<span class="has-text-danger">⚠</span>{% else %}<span class="has-text-success">✓</span>{% endif %}</a>
+                            </td>
+                            {% endif %}
+                            <td>{{ entry.created|date:"H:i:s" }}</td>
+                            <td class="has-text-right{% if not entry.nick %} has-text-grey-light is-italic{% endif %}">{% if entry.nick %}{{ entry.nick }}{% else %}*{% endif %}</td>
+                            <td{% if not entry.nick %} class="has-text-grey-light is-italic"{% endif %}>{{ entry.content|urlize }}</td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
             {% elif entries %}
             {% include "nsfw/alert.html" with next_url=current_url %}
             {% endif %}