fix the positioning of ZoomToFeature button

tmcgee · Apr 1, 2016 · 9ac78e5 · 9ac78e5
1 parent 74d7f4f
commit 9ac78e5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
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>