diff --git a/light9/web/timeline-elements.html b/light9/web/timeline-elements.html
--- a/light9/web/timeline-elements.html
+++ b/light9/web/timeline-elements.html
@@ -33,12 +33,10 @@
          position: fixed;
          right: 0;
          bottom: 0;
-         }
+     }
     </style>
     <div>
-      <rdfdb-synced-graph graph="{{graph}}">
-       
-      </rdfdb-synced-graph>
+      <rdfdb-synced-graph graph="{{graph}}"></rdfdb-synced-graph>
       timeline editor: song [uri] <button>unlink</button>
       <label><input type="checkbox"> follow player song choice</label>
     </div>
@@ -126,19 +124,16 @@
     <style>
      :host {
          pointer-events: none;
-         }
+     }
      svg {
          width: 100%;
          height: 100%;
          pointer-events: none;
      }
     </style>
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:svg="http://www.w3.org/2000/svg"
-        xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-        viewBox="0 0 1021 600"
-    >
+    <svg xmlns="http://www.w3.org/2000/svg"
+         xmlns:svg="http://www.w3.org/2000/svg"
+         xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" >
       <g id="layer1">
         <text
             xml:space="preserve"
@@ -157,9 +152,7 @@
         </g>
       </g>
     </svg>
-
   </template>
- 
 </dom-module>
 
 
@@ -193,9 +186,9 @@
   <script>
    Polymer({
        is: "light9-timeline-graph-row",
-    behaviors: [
-      Polymer.IronResizableBehavior
-    ],
+       behaviors: [
+           Polymer.IronResizableBehavior
+       ],
        properties: {
            
        }
diff --git a/light9/web/timeline.coffee b/light9/web/timeline.coffee
--- a/light9/web/timeline.coffee
+++ b/light9/web/timeline.coffee
@@ -115,7 +115,6 @@ Polymer
       
     return [left, right, pan]
 
-
 Polymer
   is: "light9-timeline-adjusters"
   properties: