Trigger mobile mode at 640px instead of 480px for iPhone 4 support

diff --git a/app/views/layouts/_head.html.erb b/app/views/layouts/_head.html.erb
index 517e021463367d67007be270a444c9b5d063652a..6c22a9475b299c8387d72e4c2bf60955daae2752 100644 (file)
--- a/app/views/layouts/_head.html.erb
+++ b/app/views/layouts/_head.html.erb
@@ -7,8 +7,8 @@
   <!--[if lt IE 7]><%= javascript_include_tag 'pngfix' %><![endif]--> <!-- thanks, microsoft! -->
   <%= stylesheet_link_tag 'common' %>
   <!--[if IE]><%= stylesheet_link_tag 'large', :media => "screen" %><![endif]--> <!-- IE is totally broken with CSS media queries -->
-  <%= stylesheet_link_tag 'small', :media => "only screen and (max-width: 481px)" %>
-  <%= stylesheet_link_tag 'large', :media => "screen and (min-width: 482px)" %> 
+  <%= stylesheet_link_tag 'small', :media => "only screen and (max-width:641px)" %>
+  <%= stylesheet_link_tag 'large', :media => "screen and (min-width: 642px)" %> 
   <%= stylesheet_link_tag 'print', :media => "print" %>
   <%= tag("link", { :rel => "search", :type => "application/opensearchdescription+xml", :title => "OpenStreetMap Search", :href => "/opensearch/osm.xml" }) %>
   <%= tag("meta", { :name => "description", :content => "OpenStreetMap is the free wiki world map." }) %>