Remove inline styling
authorTom Hughes <tom@compton.nu>
Mon, 16 Mar 2015 20:29:40 +0000 (20:29 +0000)
committerTom Hughes <tom@compton.nu>
Mon, 16 Mar 2015 20:29:40 +0000 (20:29 +0000)
app/assets/stylesheets/common.scss
app/views/layouts/_search.html.erb

index 834e811..9fbca61 100644 (file)
@@ -921,10 +921,23 @@ header .search_forms,
     float: right;
   }
 
+  div.header {
+    width: 100%;
+    height: 30px;
+  }
+
   div.line {
     width: 100%;
     margin: 0px 0px 5px 0px;
   }
+
+  div.loader_copy {
+    display: none;
+
+    img {
+      vertical-align: middle;
+    }
+  }
 }
 
 /* Rules for the map key which appears in the popout sidebar */
index 5a40e02..a9a7aee 100644 (file)
@@ -9,7 +9,7 @@
   </form>
 
   <form method="GET" action="<%= directions_path %>" class="directions_form">
-    <div style="width:100%; text-align:right; height:30px;"><span class="icon close"></span></div>
+    <div class="header"><span class="icon close"></span></div>
 
     <div class="line">
       <%= image_tag "marker-green.png", :class => "routing_marker", :id => "marker_from", :draggable => "true" %>
@@ -24,6 +24,6 @@
       <%= submit_tag t('site.search.submit_text'), :class => "routing_go" %>
     </div>
 
-    <div class="loader_copy" style="display:none;"><div class="loader"><%= image_tag "searching.gif", :style => "vertical-align: middle;" %></div></div>
+    <div class="loader_copy"><div class="loader"><%= image_tag "searching.gif" %></div></div>
   </form>
 </div>