Game list is sortable

4 files changed, 40 insertions, 3 deletions

@@ -1,3 +0,0 @@
-# Place all the behaviors and hooks related to the matching controller here.
-# All this logic will automatically be available in application.js.
-# You can use CoffeeScript in this file: http://coffeescript.org/
@@ -18,6 +18,36 @@
   td {
     padding: 0.5em;
   }
+
+  thead {
+    th {
+      border-bottom: 1px solid #aaa;
+      text-align: left;
+      padding: 0.5em;
+
+      a {
+        text-decoration: none;
+
+        &:visited {
+          color: blue;
+        }
+      }
+
+      .current {
+        padding-right: 12px;
+        background-repeat: no-repeat;
+        background-position: right center;
+
+        &.asc {
+          background-image: image-url("up_arrow.gif");
+        }
+
+        &.desc {
+          background-image: image-url("down_arrow.gif");
+        }
+      }
+    }
+  }
 }
 
 .game-progress p {
@@ -34,3 +64,13 @@
   font-size: 0.8em;
   color: #777;
 }
+
+h2#games-title {
+  background-color: #d6aeff;
+  display: block;
+  font-size: 20px;
+  font-family: 'Roboto', sans-serif;
+  padding: 0.5em 20px;
+  border-top: 1px solid #edf;
+  border-bottom: 1px solid #edf;
+}