binding canvas

Signed-off-by: Armen Kesablyan <armen@motorola.com>

2 files changed, 8 insertions, 4 deletions

diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
index 626706ed..34f14a5a 100755
--- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
@@ -28,17 +28,20 @@
 
 .bindingHud .hudRepetition {
     background: #555;
-    padding:1px 9px;
     line-height:16px;
     border:1px solid #000;
     box-shadow: inset 0px 0px 4px #333, 1px 1px 0px #3A3A3A;
-    min-width: 65px;
+    min-width: 80px;
 }
 
 .bindingHud .hudOption {
     position:relative;
     border-bottom:1px solid #505050;
     line-height:16px;
+    padding:1px 9px;
+}
+.hudOption.bound, .bindingHud .hudOption.bound .connectorBubble {
+    background-color:#44F;
 }
 
 .bindingHud .hudOption:last-child {
@@ -47,7 +50,7 @@
 
 .bindingHud .hudOption .connectorBubble {
     position: absolute;
-    right: -20px;
+    right: -11px;
     top: 2px;
     background: #555;
     border: 1px solid black;
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
index 1f3b181c..5e37cfc9 100755
--- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
@@ -32,7 +32,8 @@
                     "element": {"#" : "hudOption"}
                 },
                 "bindings": {
-                   "title": {"<-": "@repeater.objectAtCurrentIteration.title"}
+                    "title": {"<-": "@repeater.objectAtCurrentIteration.title"},
+                    "bindings": {"<-": "@repeater.objectAtCurrentIteration.bindings"}
                 }
             },
             "Title": {