Make comments look nicer

css/style.css

@@ -88,7 +88,12 @@ a {
 	white-space: nowrap;
 }
 
-/* Styling/fixes for the table: */
+.comment-row td:first-of-type {
+	vertical-align: top;
+	text-align: right;
+}
+
+/* Table style & fixes */
 .table > tbody > tr > td {
     /* fix bootstrap uglyness */
     vertical-align: middle;
@@ -106,6 +111,10 @@ tr.torrent-info td.date {
 	opacity: 0.82;
 }
 
+.comment-row {
+	border-top: 1px solid #ddd;
+}
+
 div.container div.blockBody:nth-of-type(2) table{table-layout:fixed;}
 div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:first-of-type, div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(5){width:10%;}
 div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(3){width:15%;}

templates/view.html

@@ -34,16 +34,17 @@
                   <td>Description</td>
                   <td>{{.Description}}</td>
               </tr>
+              <tr style="height:2em"> <td></td><td></td> </tr>
               <tr>
                   <td>Comments</td>
-                  {{ range .Comments }}
-                  <tr>
-                      <td>{{.Un}}</td>
-                      <td>{{.C}}</td>
-                  </tr>
-                  {{end}}
+                  <td></td>
               </tr>
-
+              {{ range .Comments }}
+              <tr class="comment-row">
+                  <td>{{.Un}}</td>
+                  <td>{{.C}}</td>
+              </tr>
+              {{end}}
           </table>
           {{end}}
       </div>