Commit 1fb7601c

mo k <mo@mokhan.ca>
2012-06-20 04:25:31
fix border padding issue for iphone.
master
1 parent 6085471
Changed files (4)
app
assets
stylesheets
custom.css.scss
views
devise
sessions
new.html.erb
layouts
application.html.erb
shared
_footer.html.erb
app/assets/stylesheets/custom.css.scss
@@ -1,4 +1,5 @@
 @import "bootstrap";
+body { padding-top: 60px; }
 @import "bootstrap-responsive";
 .fright{float:right;}
 .hidden{display:none;}
app/views/devise/sessions/new.html.erb
@@ -15,7 +15,7 @@
 <div class="row">
   <div class="span12">
     <div class="row">
-      <div class="span6" style="background: url(/assets/sunset.png) no-repeat center 0px;opacity:0.8;">
+      <div class="span6" style="background: url(/assets/sunset.png) no-repeat center 0px;opacity:0.8;" class="hidden-phone">
         <img src="/assets/cakeside-logo.png" alt="" />
         <div style="padding-left:10px;padding-right:10px;">
           <h3>Why CakeSide?</h3>
app/views/layouts/application.html.erb
@@ -8,9 +8,6 @@
     <meta http-equiv="description" content="<%= yield(:description) %>" />
     <title><%= full_title(yield(:title)) %></title>
     <%= stylesheet_link_tag :application %>
-    <style type="text/css">
-      body { padding-top: 60px; }
-    </style>
     <link rel="shortcut icon" href="/assets/favicon.ico">
     <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
     <link rel="apple-touch-icon" sizes="72x72" href="/assets/apple-touch-icon-72x72.png">
app/views/shared/_footer.html.erb
@@ -25,7 +25,7 @@
     <div class="span8"></div>
   </div>
 </div>		
-<div id="footer-floor">		
+<div id="footer-floor" class="hidden-phone">		
   <div class="container">
     <div class="row">
       <div class="span12">