Add hover effect to the panel rows

flaskbb/themes/aurora/src/flaskbb.scss

@@ -28,6 +28,7 @@ $panel-head-background: #f5f5f5;    // panel head background
 $panel-meta-background: #e8f1f2;    // panel meta background
 $panel-meta-border: $border-color;  // panel meta (bottom) border
 $panel-border: $border-color;       // panel border (all over)
+$panel-hover: #e8f1f2;
 
 $page-panel: $panel-background;
 $page-head-background: $panel-head-background;
@@ -162,12 +163,14 @@ body {
 }
 
 
-.index-view, .forum-view, .topic-view {
-    .forum-row, .category-row, .post-row {
+// right now it doesn't matter which one you use
+.index-view, .forum-view, .topic-view, .page-view {
+    .forum-row, .category-row, .post-row, .page-row {
         margin: 0;
     }
 }
 
+
 // default values for the panels
 .category-panel, .forum-panel, .topic-panel, .page-panel {
     border: 1px solid $panel-border;
@@ -183,17 +186,21 @@ body {
     padding: 0;
     background-color: $panel-background;
     .category-meta, .forum-meta, .topic-meta, .page-meta {
+        font-weight: bold;
         padding-top: 0.5em;
         height: 2.5em;
         background-color: $panel-meta-background;
         border-bottom: 1px solid $panel-meta-border;
     }
     .category-row, .forum-row, .topic-row, .page-row, .post-row {
-        margin-top: 0.5em;
+        padding-top: 0.5em;
         padding-bottom: 0.5em;
         &:not(:last-child) {
             border-bottom: 1px solid $panel-border;
         }
+        &:hover {
+            background-color: $panel-hover;
+        }
     }
 }
 
@@ -413,7 +420,6 @@ body {
     }
     .page-body {
         background-color: $page-panel;
-
         .page-meta, {
             background-color: $page-meta-background;
             border-bottom: 1px solid $page-meta-border;