fix the positioning of ZoomToFeature button

tmcgee · tmcgee · commit 9ac78e57107e · 2016-03-31T17:47:09.000-07:00
diff --git a/widgets/ZoomToFeature/css/ZoomToFeature.css b/widgets/ZoomToFeature/css/ZoomToFeature.css
@@ -3,6 +3,6 @@
     margin-bottom: 10px;
 }
 
-.cmwZoomToFeatureWidget .clearButton {
-    float: right;
+.cmwZoomToFeatureWidget .buttonContainer {
+    text-align: right;
 }
diff --git a/widgets/ZoomToFeature/templates/ZoomToFeature.html b/widgets/ZoomToFeature/templates/ZoomToFeature.html
@@ -4,11 +4,13 @@
             <div data-dojo-attach-point="featureSelectDom">
                 <label data-dojo-attach-point="featureSelectLabel">${i18n.selectFeature}:</label><br/>
     			<input type="select" data-dojo-type="dijit/form/FilteringSelect" data-dojo-props="disabled:true,autoComplete:true,'class':'featureSelect'"
-                data-dojo-attach-point="featureSelectDijit" data-dojo-attach-event="onChange:onFeatureChange"/><br/>
-                <div data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-history fa-fw','class':'clearButton',disabled:true" data-dojo-attach-event="onClick:clearResults" data-dojo-attach-point="clearButtonDijit">
-                    ${i18n.clearButton}
-                </div>
+                data-dojo-attach-point="featureSelectDijit" data-dojo-attach-event="onChange:onFeatureChange"/>
             </div>
     	</div>
 	</div>
+    <div class="buttonContainer">
+        <div data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'fa fa-history fa-fw','class':'clearButton',disabled:true" data-dojo-attach-event="onClick:clearResults" data-dojo-attach-point="clearButtonDijit">
+            ${i18n.clearButton}
+        </div>
+    </div>
 </div>

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,6 @@`
`3`	`3`	`margin-bottom: 10px;`
`4`	`4`	`}`
`5`	`5`
`6`		`-.cmwZoomToFeatureWidget .clearButton {`
`7`		`- float: right;`
	`6`	`+.cmwZoomToFeatureWidget .buttonContainer {`
	`7`	`+ text-align: right;`
`8`	`8`	`}`