Make nearby translations clickable

html/translate.html

@@ -162,9 +162,9 @@
     </thead>
     <tbody>
     {% for item in unit.nearby %}
-    <tr>
-    <td class="translatetext">{{ item.source|fmttranslation }}</td>
-    <td class="translatetext">{{ item.target|fmttranslation:unit.translation.language }}</td>
+    <tr class="clickable">
+    <td class="translatetext"><a href="{{ item.get_absolute_url }}">{{ item.source|fmttranslation }}</a></td>
+    <td class="translatetext"><a href="{{ item.get_absolute_url }}">{{ item.target|fmttranslation:unit.translation.language }}</a></td>
     </tr>
     {% endfor %}
     </tbody>

media/css/style.css

@@ -120,3 +120,9 @@ span.sort {
 th.sort {
     cursor: pointer;
 }
+tr.clickable a {
+    text-decoration: none;
+}
+tr.clickable {
+    cursor: pointer;
+}

media/js/loader.js

@@ -174,5 +174,8 @@ $(function() {
             }
         }
     });
+    $('tr.clickable').click(function() {
+        window.location = $(this).find('a')[0].href;
+    });
 
 });