DevTools: [LiveSASS] property enabling/disabling should not add spaces

BUG=none
R=pfeldman

Review-Url: https://codereview.chromium.org/2020803002
Cr-Commit-Position: refs/heads/master@{#405147}

third_party/WebKit/LayoutTests/inspector/sass/test-ast-editing-1-expected.txt

@@ -38,7 +38,7 @@ Running: testEnableProperties
 div {
     /* This is a regular comment */
     color: red;
-    position: absolute; 
+    position: absolute;
     display: block
 }
 

third_party/WebKit/LayoutTests/inspector/sass/test-edit-toggle-property-expected.txt

@@ -75,7 +75,7 @@ Edits:
 ===== test-edit-toggle-property.scss =====
     @for.$i.from.1.through.3.{
     .....box#{$i}.{
-    ........color:.red;.
+    ........color:.red;
     ........margin:.10px;
     ....}
     }

third_party/WebKit/Source/devtools/front_end/sass/SASSSupport.js

@@ -250,7 +250,10 @@ WebInspector.SASSSupport.Property.prototype = {
         }
         var oldRange1 = new WebInspector.TextRange(this.range.startLine, this.range.startColumn, this.range.startLine, this.name.range.startColumn);
         var edit1 = new WebInspector.SourceEdit(this.document.url, oldRange1, "");
-        var oldRange2 = new WebInspector.TextRange(this.range.endLine, this.range.endColumn - 2, this.range.endLine, this.range.endColumn);
+
+        var propertyText = this.document.text.extract(this.range);
+        var endsWithSemicolon = propertyText.slice(0, -2).trim().endsWith(";");
+        var oldRange2 = new WebInspector.TextRange(this.range.endLine, this.value.range.endColumn + (endsWithSemicolon ? 1 : 0), this.range.endLine, this.range.endColumn);
         var edit2 = new WebInspector.SourceEdit(this.document.url, oldRange2, "");
         this.document.edits.push(edit1, edit2);
     },