Yet another at fixing the layout of the search box. Seems to work now

on FF2, IE7, Operand and Safari though we are giving space away on FF.

diff --git a/app/views/site/_search.rhtml b/app/views/site/_search.rhtml
index d4214e8fe98b89f0e524805d8f4ea89ebdbc0f84..5b4e74b34f4b130c072b3f6754155c773a47db0c 100644 (file)
--- a/app/views/site/_search.rhtml
+++ b/app/views/site/_search.rhtml
@@ -38,13 +38,8 @@
     <% form_remote_tag(:loading => "startSearch()",
                        :complete => "endSearch()",
                        :url => { :controller => :geocoder, :action => :search }) do %>
-      <table>
-        <tr>
-          <td width="100%"><%= text_field_tag :query, h(params[:query]) %></td>
-          <td></td>
-          <td><%= submit_tag 'Go' %></td>
-        </tr>
-      </table>
+      <%= text_field_tag :query, h(params[:query]) %>
+      <%= submit_tag "Go" %>
     <% end %>
     </span>
     <p id="search_active">Searching...</p>

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index c6b56621506386fdcbb0d27fe91d27176deccb50..df04b7c99d7721a2d9856ff54ec75047df66ea4d 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -354,13 +354,16 @@ hides rule from IE5-Mac \*/
   padding: 0px;
 }
 
-.optionalbox input {
+#search_field form {
   width: 100%;
 }
 
-.optionalbox td {
-  margin: 0px;
-  padding: 0px;
+#search_field input[type="text"] {
+  width: 116px;
+}
+
+#search_field input[type="submit"] {
+  width: 26px;
 }
 
 .search_form {