1 files changed, 36 insertions, 36 deletions

diff --git a/js/panels/Timeline/Tween.reel/Tween.js b/js/panels/Timeline/Tween.reel/Tween.js
index ff8d0bad..c451caa7 100644
--- a/js/panels/Timeline/Tween.reel/Tween.js
+++ b/js/panels/Timeline/Tween.reel/Tween.js
@@ -165,38 +165,38 @@ var Tween = exports.Tween = Montage.create(Component, {
             this._isTweenAnimated = value;
         }
     },
-    
+
     _isDragging: {
-        value: false
+        value: false
     },
     isDragging: {
-        serializable: true,
+        serializable: true,
         get:function () {
             return this._isDragging;
         },
         set:function (newVal) {
             this._isDragging = newVal;
         }
-        
+
     },
-    
+
     _easing: {
-        value: "none"
+        value: "none"
     },
     easing: {
-        serializable: true,
+        serializable: true,
         get:function () {
             return this._easing;
         },
         set:function (newVal) {
             this._easing = newVal;
         }
-        
+
     },
 
     draw:{
         value:function () {
-                this.tweenspan.element.style.width = this.spanWidth + "px";
+            this.tweenspan.element.style.width = this.spanWidth + "px";
             this.keyframe.element.style.left = (this.spanWidth -5) + "px";
             this.tweenspan.spanWidth = this.spanWidth;
             this.element.style.left = this.spanPosition + "px";
@@ -225,7 +225,7 @@ var Tween = exports.Tween = Montage.create(Component, {
     handleElementChange:{
         value:function (event) {
             // temp - testing var
-                var useAbsolute = true;
+            var useAbsolute = true;
 
             if(event.detail.type === "cssChange"){
                 event.detail.source="cssPanelChange"
@@ -250,32 +250,32 @@ var Tween = exports.Tween = Montage.create(Component, {
     setTweenProperties:{
         value:function (eventDetail) {
 
-                if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") {
-                    if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){
-                        this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px";
-                    }
-                    if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){
-                        this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px";
-                    }
-                    if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){
-                        this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px";
-                    }
-                    if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){
-                        this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px";
-                    }
-                    // tell track to update css rule
-                    this.parentComponent.parentComponent.updateKeyframeRule();
-                    this.isTweenAnimated = true;
-                }
-                        
-                        if (eventDetail.source === "translateTool") {
-                        var arrMat = eventDetail.data.value[0].properties.mat,
-                                strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")";
-                        
-                        this.tweenedProperties["-webkit-transform"] = strTweenProperty;
-                        this.parentComponent.parentComponent.updateKeyframeRule();
-                        this.isTweenAnimated = true;
-                }
+            if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") {
+                if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){
+                    this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px";
+                }
+                if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){
+                    this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px";
+                }
+                if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){
+                    this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px";
+                }
+                if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){
+                    this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px";
+                }
+                // tell track to update css rule
+                this.parentComponent.parentComponent.updateKeyframeRule();
+                this.isTweenAnimated = true;
+            }
+
+            if (eventDetail.source === "translateTool") {
+                var arrMat = eventDetail.data.value[0].properties.mat,
+                    strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")";
+
+                this.tweenedProperties["-webkit-transform"] = strTweenProperty;
+                this.parentComponent.parentComponent.updateKeyframeRule();
+                this.isTweenAnimated = true;
+            }
         }
     },