Sortable table arrows

  And increase fonts size of table headers

  behatnotneeded: presentation only

  Bug #1465107

Change-Id: Id95e6344544a950f7c8a4636df6926300fca75e1

htdocs/theme/raw/sass/layout/panel/_panel.scss

@@ -2,8 +2,7 @@
     form {
         margin:0;
     }
-    table,
-    table thead {
+    table {
         font-size: 12px;
     }
     small {

htdocs/theme/raw/sass/typography/_tables.scss

@@ -25,16 +25,38 @@ td.tiny {
     thead {
         text-transform: uppercase;
         color: $gray;
-        font-size: $font-size-base - 2;
+        font-size: $font-size-base;
         th {
             font-weight: 300;
         }
         .allnone-toggles {
-            width: 80px;
+            width: 81px;
             .btn-xs {
                 font-size: 10px;
             }
         }
+
+        .search-results-sort-column {
+            position: relative;
+
+            & > a::after {
+                display: block;
+                position: absolute;
+                right: -5px;
+                bottom: 8px;
+                text-decoration: none;
+                color: $theme-text-midtone-color;
+            }
+            &.asc > a::after {
+                content:"▼";
+            }
+            &.desc > a::after {
+                content:"▲";
+            }
+            &:last-child > a::after {
+                right: 0;
+            }
+        }
     }
 
     td input[type=radio],