fix timeslider stars and frontend tests, needs css polish

src/static/css/timeslider.css

@@ -154,11 +154,17 @@ stepper:active{
   top: 20px;
   width: 25px;
 }
+.star:before{
+  font-family: fontawesome-etherpad;
+  content: "\e835";
+  vertical-align:middle;
+  font-size:16px;
+}
 #timeslider .star {
   cursor: pointer;
   height: 16px;
   position: absolute;
-  top: 40px;
+  top: 25px;
   width: 15px;
 }
 #timeslider #timer {

tests/frontend/specs/timeslider_revisions.js

@@ -19,6 +19,7 @@ describe("timeslider", function(){
         inner$("div").first().sendkeys('a');
       }, timePerRev*i);
     }
+    chrome$('.buttonicon-savedRevision').click();
     
     setTimeout(function() {
       // go to timeslider
@@ -51,6 +52,8 @@ describe("timeslider", function(){
         setTimeout(function() {
           //make sure the text has changed
           expect( timeslider$('#padcontent').text() ).not.to.eql( latestContents );
+          var starIsVisible = timeslider$('.star').is(":visible");
+          expect( starIsVisible ).to.eql( true );
           done();
         }, 1000);