more overview style: break long URLs and comments

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 %}