style fixes

2011-11-06 17:10:07 -05:00
parent 4f33726fa6
commit e3f97fa1e4
2 changed files with 11 additions and 4 deletions
--- a/app/assets/stylesheets/mobile/posts.css.scss
+++ b/app/assets/stylesheets/mobile/posts.css.scss
@@ -1,11 +1,15 @@
@import "../common/000_vars.css.scss";

+div#main {
+  max-width: 960px;
+}
+
 header {
  margin: 0 0 10px 0;
  padding: 0 10px;
  
  input {
-    font-size: 2em;
+    font-size: 3em;
  }
  
  menu {
@@ -22,6 +26,7 @@ header {
    }
    
    li#site-item {
+      font-size: 3em;
      text-align: center;
    }
    
@@ -101,11 +106,11 @@ div#tag-list {
  
  li {
    display: inline-block;
-    margin: 1em 0.5em;
+    margin: 1.5em 0.5em;

    a {
      background: #eee;
-      font-size: 1.5em;
+      font-size: 2em;
      font-weight: bold;
      padding: 0.2em 0.5em;
      border: 1px solid #666;
--- a/app/views/layouts/mobile.html.erb
+++ b/app/views/layouts/mobile.html.erb
@@ -7,6 +7,8 @@
  <%= javascript_include_tag "mobile" %>
 </head> 
 <body>
-<%= yield :layout %>
+  <div id="main">
+    <%= yield :layout %>
+  </div>
 </body>
 </html>