Use flex+justify instead of floats on export page

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 5d142eb4f1cc401a4a87e0613ca6cd705bcad6db..9fff025d0242947b78cf7e4eaaaf73b351197794 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -674,12 +674,6 @@ tr.turn {
     > * {
         margin: -1px;
     }
     > * {
         margin: -1px;
     }

-    #minlon {
-      /*rtl:ignore*/ float: left;
-    }
-    #maxlon {
-      /*rtl:ignore*/ float: right;
-    }

   }
 }
 
   }
 }
 

diff --git a/app/views/site/export.html.erb b/app/views/site/export.html.erb
index d277f344e4530a3a3f6dd467ff35fd5d192daeb3..248fea8cd6a1ab97532e12dbad3ce8988cca9c8b 100644 (file)
--- a/app/views/site/export.html.erb
+++ b/app/views/site/export.html.erb
@@ -8,7 +8,7 @@
   <div class='export_area_inputs text-center mb-3'>
     <div class='export_boxy border border-secondary-subtle rounded bg-body-secondary' dir='ltr'>
       <%= text_field_tag("maxlat", nil, :size => 10, :autocomplete => "off", :class => "form-control text-center mx-auto") %>
   <div class='export_area_inputs text-center mb-3'>
     <div class='export_boxy border border-secondary-subtle rounded bg-body-secondary' dir='ltr'>
       <%= text_field_tag("maxlat", nil, :size => 10, :autocomplete => "off", :class => "form-control text-center mx-auto") %>

-      <div class="clearfix">
+      <div class="d-flex justify-content-between">

         <%= text_field_tag("minlon", nil, :size => 10, :autocomplete => "off", :class => "form-control text-center my-2") %>
         <%= text_field_tag("maxlon", nil, :size => 10, :autocomplete => "off", :class => "form-control text-center my-2") %>
       </div>
         <%= text_field_tag("minlon", nil, :size => 10, :autocomplete => "off", :class => "form-control text-center my-2") %>
         <%= text_field_tag("maxlon", nil, :size => 10, :autocomplete => "off", :class => "form-control text-center my-2") %>
       </div>