Update date drilldown style

jet/static/jet/css/_changelist.scss

@@ -35,10 +35,6 @@
     }
   }
 
-  .toplinks {
-    border-bottom: 1px solid #ddd;
-  }
-
   .paginator {
     text-align: right;
 
@@ -174,27 +170,31 @@
 /* DATE DRILLDOWN */
 
 .change-list ul.toplinks {
-    display: block;
-    float: left;
-    padding: 0;
-    margin: 0;
-    width: 100%;
-}
+  display: block;
+  padding: 0;
+  margin: 0;
 
-.change-list ul.toplinks li {
-    padding: 3px 6px;
-    font-weight: bold;
+  li {
     list-style-type: none;
     display: inline-block;
-}
+    margin: 0;
+    background-color: $button-background-color;
+    color: $button-text-color;
+    text-decoration: none;
+    font-size: 14px;
+    padding: 6px 10px;
+    border-radius: 4px;
+  }
 
-.change-list ul.toplinks .date-back a {
-    color: #999;
-}
+  a {
+    &, &:visited {
+      color: $button-text-color;
+    }
 
-.change-list ul.toplinks .date-back a:focus,
-.change-list ul.toplinks .date-back a:hover {
-    color: #036;
+    &:focus, &:hover {
+      text-decoration: underline;
+    }
+  }
 }
 
 /* PAGINATOR */