1 files changed, 14 insertions, 13 deletions
diff --git a/js/components/tools-properties/brush-properties.reel/brush-properties.html b/js/components/tools-properties/brush-properties.reel/brush-properties.html
index b0c02734..7d99a42a 100755
--- a/js/components/tools-properties/brush-properties.reel/brush-properties.html
+++ b/js/components/tools-properties/brush-properties.reel/brush-properties.html
@@ -64,6 +64,7 @@
                "prototype": "js/components/tools-properties/brush-properties.reel",
                "properties": {
                    "element": {"#": "brushProperties"},
+                    "_fillColorCtrl": {"#": "fillColorCtrl"},
                    "_strokeSize": {"@": "strokeSizeHT"},
                    "_strokeHardness": {"@": "strokeHardnessHT"},
                    "_doSmoothing": {"#": "doSmoothing"},
@@ -79,19 +80,19 @@
    </head>
    <body>
-        <div data-montage-id="brushProperties" class="subToolHolderPanel">
+        <div data-montage-id="brushProperties" class="subToolHolderPanel toolOptionsFloatChildren">
-            <div id="strokesContainer" class="leftLabel" style="margin-left:25px; padding-top: 3px;">
+            <div class="toolColorChipIcon FillTool"></div>
-                <label class="label"> Width:</label>
+            <div data-montage-id="fillColorCtrl" class="toolColorChipCtrl"></div>
-                <div id="strokeSize" class="label"></div>
+            <div class="nj-divider divider-vertical">&nbsp;</div>
-                <label class="label"> Hardness:</label>
+            <label class="label"> Width:</label>
-                <div id="strokeHardness" class="label"></div>
+            <div data-montage-id="strokeSize" class="label"></div>
-                <label class="label"><input id="doSmoothing" type="checkbox" name="doSmoothingControl" class="checkBoxAlign"/>Smoothing</label>
+            <label class="label"> Hardness:</label>
-                <div id="smoothingAmount" class="label"></div>
+            <div data-montage-id="strokeHardness" class="label"></div>
-                <label class="label"><input id="useCalligraphic" type="checkbox" name="useCalligraphicControl" class="checkBoxAlign"/>Calligraphic</label>
+            <input data-montage-id="doSmoothing" type="checkbox" name="doSmoothingControl" class="nj-skinned"/><label class="label">Smoothing</label>
-                <label class="label" id="angleLabel"> Angle:</label>
+            <div data-montage-id="smoothingAmount" class="label"></div>
-                <div id="strokeAngle" class="label"></div>
+            <input data-montage-id="useCalligraphic" type="checkbox" name="useCalligraphicControl" class="nj-skinned"/><label class="label">Calligraphic</label>
+            <label data-montage-id="angleLabel" class="label"">Angle:</label>
-            </div>
+            <div data-montage-id="strokeAngle" class="label"></div>
        </div>
    </body>

diff --git a/js/components/tools-properties/brush-properties.reel/brush-properties.html b/js/components/tools-properties/brush-properties.reel/brush-properties.html index b0c02734..7d99a42a 100755 --- a/js/components/tools-properties/brush-properties.reel/brush-properties.html +++ b/js/components/tools-properties/brush-properties.reel/brush-properties.html
@@ -64,6 +64,7 @@
64	"prototype": "js/components/tools-properties/brush-properties.reel",	64	"prototype": "js/components/tools-properties/brush-properties.reel",
65	"properties": {	65	"properties": {
66	"element": {"#": "brushProperties"},	66	"element": {"#": "brushProperties"},
		67	"_fillColorCtrl": {"#": "fillColorCtrl"},
67	"_strokeSize": {"@": "strokeSizeHT"},	68	"_strokeSize": {"@": "strokeSizeHT"},
68	"_strokeHardness": {"@": "strokeHardnessHT"},	69	"_strokeHardness": {"@": "strokeHardnessHT"},
69	"_doSmoothing": {"#": "doSmoothing"},	70	"_doSmoothing": {"#": "doSmoothing"},
@@ -79,19 +80,19 @@
79	</head>	80	</head>
80		81
81	<body>	82	<body>
82	<div data-montage-id="brushProperties" class="subToolHolderPanel">	83	<div data-montage-id="brushProperties" class="subToolHolderPanel toolOptionsFloatChildren">
83	<div id="strokesContainer" class="leftLabel" style="margin-left:25px; padding-top: 3px;">	84	<div class="toolColorChipIcon FillTool"></div>
84	<label class="label"> Width:</label>	85	<div data-montage-id="fillColorCtrl" class="toolColorChipCtrl"></div>
85	<div id="strokeSize" class="label"></div>	86	<div class="nj-divider divider-vertical"> </div>
86	<label class="label"> Hardness:</label>	87	<label class="label"> Width:</label>
87	<div id="strokeHardness" class="label"></div>	88	<div data-montage-id="strokeSize" class="label"></div>
88	<label class="label"><input id="doSmoothing" type="checkbox" name="doSmoothingControl" class="checkBoxAlign"/>Smoothing</label>	89	<label class="label"> Hardness:</label>
89	<div id="smoothingAmount" class="label"></div>	90	<div data-montage-id="strokeHardness" class="label"></div>
90	<label class="label"><input id="useCalligraphic" type="checkbox" name="useCalligraphicControl" class="checkBoxAlign"/>Calligraphic</label>	91	<input data-montage-id="doSmoothing" type="checkbox" name="doSmoothingControl" class="nj-skinned"/><label class="label">Smoothing</label>
91	<label class="label" id="angleLabel"> Angle:</label>	92	<div data-montage-id="smoothingAmount" class="label"></div>
92	<div id="strokeAngle" class="label"></div>	93	<input data-montage-id="useCalligraphic" type="checkbox" name="useCalligraphicControl" class="nj-skinned"/><label class="label">Calligraphic</label>
93		94	<label data-montage-id="angleLabel" class="label"">Angle:</label>
94	</div>	95	<div data-montage-id="strokeAngle" class="label"></div>
95	</div>	96	</div>
96	</body>	97	</body>
97		98