fixed webkit compatability

Author: Jackson

src/timeline/js/directives/ruler.js

@@ -170,9 +170,8 @@ App.directive("tlRuler", function ($timeout) {
         scale = scope.project.scale;
         for (var i = start - (start % 100) ; i < end; i += 100) {
           /* create and format span */
-          s = $('<span>');
+          s = $('<span style="left: ' + i + 'px;">');
           s.addClass("ruler_time");
-          s[0].style = "left: " + i + "px;";
 
           /* Calculate Time */
           var time = i  / scope.pixelsPerSecond;

src/timeline/media/css/main.css

@@ -51,14 +51,14 @@ img {
 .drag_cursor { cursor: move; }
 #ruler {
   position: relative;
-  height: 100%;
+  height: 39px;
   background-image: url(../images/ruler-tick.svg);
   background-position: -50px;
 }
-.ruler_time{
-  color: white;
-  top: 5px;
-  font-size: 0.9em;
+.ruler_time {
+  color: #c8c8c8;
+  top: 6px;
+  font-size: 0.8em;
   position: absolute;
   transform: translate(-50%,0);
 }