From 66d9b97a6f643da03cfb2cff5736db323d1fdc8b Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Sun, 14 Dec 2014 22:17:59 -0500
Subject: [PATCH] Making quotes around literals lighter

---
 src/index.html                      | 4 ++++
 src/js/parser/javascript/base.js    | 6 ++----
 src/js/parser/javascript/literal.js | 7 ++++++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/index.html b/src/index.html
index 1355e6b..75c70ee 100644
--- a/src/index.html
+++ b/src/index.html
@@ -75,6 +75,10 @@
           fill: transparent;
         }
 
+        .quote {
+          fill: #a0a0a0;
+        }
+
         .placeholder text {
           fill: #fff;
           font-weight: bold;
diff --git a/src/js/parser/javascript/base.js b/src/js/parser/javascript/base.js
index d2cc1aa..e58cd91 100644
--- a/src/js/parser/javascript/base.js
+++ b/src/js/parser/javascript/base.js
@@ -48,9 +48,7 @@ export default {
         group = this.container.group()
           .addClass('label'),
         rect = group.rect(),
-        text = group.text().attr({
-          text: text
-        });
+        text = group.text(0, 0, text);
 
     setTimeout(deferred.resolve.bind(deferred, group));
     deferred.promise.then(() => {
@@ -58,7 +56,7 @@ export default {
           margin = 5;
 
       text.transform(Snap.matrix()
-        .translate(margin, box.height + margin));
+        .translate(margin, box.height / 2 + 2 * margin));
 
       rect.attr({
         width: box.width + 2 * margin,
diff --git a/src/js/parser/javascript/literal.js b/src/js/parser/javascript/literal.js
index c7444c1..169d20c 100644
--- a/src/js/parser/javascript/literal.js
+++ b/src/js/parser/javascript/literal.js
@@ -5,8 +5,13 @@ export default _.extend({}, Base, {
   type: 'literal',
 
   _render() {
-    return this.renderLabel('"' + this.literal.textValue + '"')
+    return this.renderLabel(['"', this.literal.textValue, '"'])
       .then(label => {
+        var spans = label.selectAll('tspan');
+
+        spans[0].addClass('quote');
+        spans[2].addClass('quote');
+
         label.select('rect').attr({
           rx: 3,
           ry: 3