From 18925d9c437e0fd64020d979597708fdc56aa3d2 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Tue, 7 Jun 2016 17:18:36 +0200
Subject: fix text overflowing

---
 templates/index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 08a9c39..1394f53 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -50,21 +50,21 @@
         <ul class="collection">
             {% for joke in jokes %}
             <li class="collection-item row valign-wrapper">
-                <div class="col s2 m1 valign">
-                    <div class="center-align">
-                        <i class="material-icons left">whatshot</i><span class="right">{{ joke.score }}</span>
+                <div class="col s4 m2 valign">
+                    <div>
+                        <i class="material-icons">whatshot</i><span class="right">{{ joke.score }}</span>
                     </div>
                     <form action="/upvote" method="post">
                         <input type="hidden" name="id" value="{{ joke.id }}">
                         <input type="hidden" name="redirpage" value="{{ currentpage }}">
-                        <button class="btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.upvoted %} disabled{% endif %}" type="submit">
+                        <button class="btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.upvoted %} disabled{% endif %}" type="submit" style="width: 100%;">
                             <i class="material-icons">thumb_up</i>
                         </button>
                     </form>
                     <form action="/downvote" method="post">
                         <input type="hidden" name="id" value="{{ joke.id }}">
                         <input type="hidden" name="redirpage" value="{{ currentpage }}">
-                        <button class="btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.downvoted %} disabled{% endif %}" type="submit">
+                        <button class="btn{% if joke.reports>0 %}-flat{% endif %}{% if joke.downvoted %} disabled{% endif %}" type="submit" style="width: 100%;">
                             <i class="material-icons">thumb_down</i>
                         </button>
                     </form>
@@ -73,7 +73,7 @@
                         <input type="hidden" name="redirpage" value="{{ currentpage }}">
                         <button class="col s12 btn-flat{% if joke.reported %} disabled{% endif %}" type="submit">
                             <i class="material-icons left">report_problem</i>
-                            <span class="red-text">{{ joke.reports }}</span>
+                            <span class="right red-text">{{ joke.reports }}</span>
                         </button>
                     </form>
                     {% if joke.mine %}
@@ -84,7 +84,7 @@
                     </form>
                     {% endif %}
                 </div>
-                <div class="flow-text col s10 m11 {% if joke.reports>0 %}grey-text{% endif %}" style="line-height: 1.5">
+                <div class="flow-text col s8 m10 {% if joke.reports>0 %}grey-text{% endif %}" style="line-height: 1.5">
                     {{ joke.text|safe }}
                 </div>
             </li>
-- 
cgit v1.3.1