Fix OpenUserJS#221. Move /forum/announcments link to the heading.

Linkify the announcements header, and remove the "older" link.
Refine "th > a { display:block; }" rule to only work inside a .table as it breaks tables in .user-content

Author: Zren

public/css/common.css

@@ -259,11 +259,15 @@ h6:hover a.anchor {
   overflow-x: auto;
 }
 
-th > a {
+.table th > a {
   color: initial;
   display: block;
 }
 
 .inline-block {
   display: inline-block;
 }
+
+.panel-default > a.panel-heading {
+  display: block;
+}

views/includes/announcementsPanel.html

@@ -1,10 +1,10 @@
 <div class="panel panel-default">
-  <div class="panel-heading">
+  <a class="panel-heading" href="{{{announcementsCategory.categoryPageUrl}}}">
     <div class="panel-title">
       <i class="fa fa-fw fa-exclamation-circle"></i>
       Announcements
     </div>
-  </div>
+  </a>
   <div>
     <div class="table-responsive">
       <table class="table table-hover table-condensed table-striped">
@@ -26,9 +26,6 @@
           {{/announcementsDiscussionList}}
         </tbody>
       </table>
-      <div class="text-center">
-        <a href="{{{announcementsCategory.categoryPageUrl}}}" class="btn btn-link">Older</a>
-      </div>
     </div>
   </div>
 </div>