2 files changed, 30 insertions, 14 deletions
diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css
index aa539cd6..37e27309 100644
--- a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css
@@ -19,6 +19,19 @@
    -webkit-user-select: text;
 }
+.edit-object-binding {
+    display: -webkit-box;
+    -webkit-box-orient: horizontal
+}
+.edit-object-binding > div {
+    -webkit-box-flex: 1;
+    overflow: hidden;
+}
+.edit-object-binding .object-icon {
+    -webkit-transform: scale(.75);
+    float: left;
+}
 .edit-binding-view ul {
    padding: 0;
    margin: 0;
diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.html b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
index 604d4871..c13e4587 100644
--- a/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
@@ -148,23 +148,26 @@
 <body>
 <div data-montage-id="edit-binding" class="edit-binding-view">
-    <ul>
-        <h3>Source Object</h3>
-        <li class="edit-source-object">
-            <label>Identifier:</label><span data-montage-id="sourceObjectField" class="hintable-field">Test</span>
-            <br>
-            <label>Property Path:</label><span data-montage-id="so-pp" class="hintable-field so-pp">Test</span>
-        </li>
-        <h3>Bound Object</h3>
-        <li class="edit-bound-object">
-            <label>Identifier:</label><span data-montage-id="boundObjectField" class="hintable-field">Test</span>
-            <br>
-            <label>Property Path:</label><span data-montage-id="bo-pp" class="hintable-field bo-pp">Test</span>
-        </li>
+    <section class="edit-object-binding">
+        <div>
+            <div class="object-icon"></div>
+        </div>
+        <span data-montage-id="sourceObjectField" class="hintable-field">Test</span>
+        <span data-montage-id="so-pp" class="hintable-field so-pp"></span>
+        <div>
+            <div class="object-icon"></div>
+        </div>
+        <span data-montage-id="boundObjectField" class="hintable-field">Test</span>
+        <span data-montage-id="bo-pp" class="hintable-field po-pp"></span>
+    </section>
+    <input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>
+    <ul>
        <h3>Configuration</h3>
        <li class="edit-general-properties">
-            <input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>
        </li>
        <li>
            <label>Converter</label><span>Test</span>

diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css index aa539cd6..37e27309 100644 --- a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css +++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css
@@ -19,6 +19,19 @@
19	-webkit-user-select: text;	19	-webkit-user-select: text;
20	}	20	}
21		21
		22	.edit-object-binding {
		23	display: -webkit-box;
		24	-webkit-box-orient: horizontal
		25	}
		26	.edit-object-binding > div {
		27	-webkit-box-flex: 1;
		28	overflow: hidden;
		29	}
		30	.edit-object-binding .object-icon {
		31	-webkit-transform: scale(.75);
		32	float: left;
		33	}
		34
22	.edit-binding-view ul {	35	.edit-binding-view ul {
23	padding: 0;	36	padding: 0;
24	margin: 0;	37	margin: 0;


diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.html b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html index 604d4871..c13e4587 100644 --- a/js/panels/binding/edit-binding-view.reel/edit-binding-view.html +++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
@@ -148,23 +148,26 @@
148	<body>	148	<body>
149	<div data-montage-id="edit-binding" class="edit-binding-view">	149	<div data-montage-id="edit-binding" class="edit-binding-view">
150		150
151	<ul>
152	<h3>Source Object</h3>
153	<li class="edit-source-object">
154	<label>Identifier:</label><span data-montage-id="sourceObjectField" class="hintable-field">Test</span>
155	<br>
156	<label>Property Path:</label><span data-montage-id="so-pp" class="hintable-field so-pp">Test</span>
157	</li>
158	<h3>Bound Object</h3>
159	<li class="edit-bound-object">
160	<label>Identifier:</label><span data-montage-id="boundObjectField" class="hintable-field">Test</span>
161	<br>
162	<label>Property Path:</label><span data-montage-id="bo-pp" class="hintable-field bo-pp">Test</span>
163	</li>
164		151
		152	<section class="edit-object-binding">
		153	<div>
		154	<div class="object-icon"></div>
		155	</div>
		156	<span data-montage-id="sourceObjectField" class="hintable-field">Test</span>
		157	<span data-montage-id="so-pp" class="hintable-field so-pp"></span>
		158	<div>
		159	<div class="object-icon"></div>
		160	</div>
		161	<span data-montage-id="boundObjectField" class="hintable-field">Test</span>
		162	<span data-montage-id="bo-pp" class="hintable-field po-pp"></span>
		163	</section>
		164
		165	<input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>
		166
		167	<ul>
165	<h3>Configuration</h3>	168	<h3>Configuration</h3>
166	<li class="edit-general-properties">	169	<li class="edit-general-properties">
167	<input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>	170
168	</li>	171	</li>
169	<li>	172	<li>
170	<label>Converter</label><span>Test</span>	173	<label>Converter</label><span>Test</span>