From 156bf009061989f50b32b33129a13a47fc9c2f40 Mon Sep 17 00:00:00 2001
From: Frederic <frederic@localhost.localdomain>
Date: Sun, 18 Mar 2018 12:14:18 +0100
Subject: [PATCH] more overview style: break long URLs and comments

---
 journalmarks/templates/overview.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/journalmarks/templates/overview.html b/journalmarks/templates/overview.html
index b7f3007..0acddef 100644
--- a/journalmarks/templates/overview.html
+++ b/journalmarks/templates/overview.html
@@ -76,6 +76,16 @@ else document.attachEvent('onreadystatechange', function(){
     padding-right: 1em;
 
 }
+.actionlinks {
+    text-align: right;
+    margin-bottom: 0;
+}
+td {
+    padding-top: 0.3em;
+}
+td div {
+    word-break: break-all;
+}
 </style>
 
 {% endblock %}
@@ -90,10 +100,11 @@ else document.attachEvent('onreadystatechange', function(){
     <div class="journalmark" id="prototype">
         <table>
             <tr><td>Tag:</td><td><a class="tag" href=""></a></td></tr>
-            <tr><td>URL:</td><td><a class="url" rel="noreferrer" href=""></a></td></tr>
+            <tr><td>URL:</td><td><div><a class="url" rel="noreferrer" href=""></a></div></td></tr>
             <tr><td>Created:</td><td><span class="date"></td></tr>
-            <tr class="comment-row"><td>Comment:</td><td><span class="comment"></span></td></tr>
+            <tr class="comment-row"><td>Comment:</td><td><div><span class="comment"></span></div></td></tr>
         </table>
+        <p class="actionlinks"><a href="">edit comment</a> | <a href="">delete</a></p>
     </div>
 </div>
 {% endblock %}