Yet another at fixing the layout of the search box. Seems to work now
authorTom Hughes <tom@compton.nu>
Fri, 16 May 2008 10:42:51 +0000 (10:42 +0000)
committerTom Hughes <tom@compton.nu>
Fri, 16 May 2008 10:42:51 +0000 (10:42 +0000)
on FF2, IE7, Operand and Safari though we are giving space away on FF.

app/views/site/_search.rhtml
public/stylesheets/site.css

index d4214e8fe98b89f0e524805d8f4ea89ebdbc0f84..5b4e74b34f4b130c072b3f6754155c773a47db0c 100644 (file)
     <% 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>
index c6b56621506386fdcbb0d27fe91d27176deccb50..df04b7c99d7721a2d9856ff54ec75047df66ea4d 100644 (file)
@@ -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 {