Improved export filter tool

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 7d3c9e1a1046af71a46a6ed390eb23e09a8ed755..a7591ba214d0d597d1339096429d4bb6c5628125 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1127,10 +1127,28 @@ header .search_form {
     margin-bottom: $lineheight/2;
     input[type="text"] {
       width: 80px;
+      text-align: center;
       margin-bottom: 5px;
     }
   }
 
+  .export_boxy {
+    background: #eee;
+    border: 1px solid #ccc;
+    border-radius: 3px;
+
+    #maxlat { margin-top: -1px; }
+    #minlon {
+      float: left;
+      margin-left: -1px;
+    }
+    #maxlon {
+      float: right;
+      margin-right: -1px;
+    }
+    #minlat { margin-bottom: 0; }
+  }
+
   .export_bound {
     margin: $lineheight/4;
   }

diff --git a/app/views/site/export.html.erb b/app/views/site/export.html.erb
index a1b905a710bad929ccc00422a49e0a0e00c7a1ca..4ac5ec4d987ec352a7b22a879ecabbb9a345dd1b 100644 (file)
--- a/app/views/site/export.html.erb
+++ b/app/views/site/export.html.erb
@@ -9,13 +9,14 @@
   <%= hidden_field_tag 'format', 'osm' %>
 
   <div class='export_area_inputs'>
-    <%= text_field_tag('maxlat', nil, :size => 10, :class => "export_bound") %>
-    <br/>
-    <%= text_field_tag('minlon', nil, :size => 10, :class => "export_bound") %>
-    <%= text_field_tag('maxlon', nil, :size => 10, :class => "export_bound") %>
-    <br/>
-    <%= text_field_tag('minlat', nil, :size => 10, :class => "export_bound") %>
-    <br/>
+    <div class='export_boxy' style="border: 1px solid #ccc;">
+      <%= text_field_tag('maxlat', nil, :size => 10, :class => "export_bound") %>
+      <br/>
+      <%= text_field_tag('minlon', nil, :size => 10, :class => "export_bound") %>
+      <%= text_field_tag('maxlon', nil, :size => 10, :class => "export_bound") %>
+      <br/><br/>
+      <%= text_field_tag('minlat', nil, :size => 10, :class => "export_bound") %>
+      </div>
     <a id='drag_box' href="#"><%= t'export.start.manually_select' %></a>
   </div>