From b89dd900ccdc0a34c34e2ff7180098b817b313c7 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Fri, 13 May 2011 23:33:16 -0700
Subject: [PATCH] misc visual cleanup on mobile

---
 app/views/aspects/index.mobile.haml       |  4 +-
 app/views/layouts/application.mobile.haml |  6 +--
 public/stylesheets/sass/mobile.sass       | 54 +++++++++--------------
 3 files changed, 25 insertions(+), 39 deletions(-)

diff --git a/app/views/aspects/index.mobile.haml b/app/views/aspects/index.mobile.haml
index 8def29594..caea84c34 100644
--- a/app/views/aspects/index.mobile.haml
+++ b/app/views/aspects/index.mobile.haml
@@ -7,9 +7,9 @@
     = t('all_aspects')
   - else
     = @aspect
-
-%h1
   = link_to t('.post_a_message'), '#publisher_page', :id => 'publisher_button'
+
+
 #main_stream.stream
   = render 'shared/stream', :posts => @posts
   -if @posts.length > 0
diff --git a/app/views/layouts/application.mobile.haml b/app/views/layouts/application.mobile.haml
index 85ef0d523..f1ce75905 100644
--- a/app/views/layouts/application.mobile.haml
+++ b/app/views/layouts/application.mobile.haml
@@ -51,12 +51,10 @@
     #content{:data => {:role => 'page', :theme => 'c'}}
       #header
         - if current_user
-          .left
-            = link_to(image_tag('icons/list_white.png'), '#menu', :id => "menu_button")
-
           .right
+            = link_to(image_tag('icons/list_white.png'), '#menu', :id => "menu_button")
             = link_to(image_tag('icons/search_white.png'), people_path)
-        = link_to(image_tag('white@2x.png', :height => 22, :width => 136), aspects_path)
+        = link_to(image_tag('white@2x.png', :height => 22, :width => 136, :id => 'header_title'), aspects_path)
 
       = yield
 
diff --git a/public/stylesheets/sass/mobile.sass b/public/stylesheets/sass/mobile.sass
index 9676302fb..9d2314de5 100755
--- a/public/stylesheets/sass/mobile.sass
+++ b/public/stylesheets/sass/mobile.sass
@@ -85,24 +85,27 @@ a
 
   .avatar
     :float left
-    :height 40px
-    :width 40px
+    :height 48px
+    :width 48px
 
   .from
     a
+      :margin
+        :left -2px
       :color #000 !important
       :font
         :weight bold !important
 
+    :margin-bottom 2px
+
   .content
     :padding
-      :left 45px
+      :left 58px
 
   :border
     :bottom 1px solid #eee
 
-  :padding 4px 4px
-    :right 8px
+  :padding 10px
 
   .info
     :margin
@@ -118,7 +121,8 @@ a
     :font
       :weight normal
   p
-    :margin 0
+    :margin 0 auto
+    :line-height 1.4em
 
 .comment
   :padding
@@ -301,41 +305,26 @@ ul
     :align left
 
 #header
-  :background
-    :color #111
-  :text
-    :align center
-  :padding 12px 0
-  :border
-    :bottom 1px solid #000
+  @include linear-gradient(#222, #000)
 
-  img
-    :padding
-      :top 2px
-    :margin
-      :bottom -2px
+  :padding 11px 5px
+    :bottom 7px
+  :border
+    :bottom 1px solid #444
 
   .right
     :position absolute
-    :top 0
+    :top 0px
     :padding 6px
-      :top 5px
+      :top 4px
     :right 0
 
-.left
-  :position absolute
-  :top 0
-  :padding 6px
-  :left 0
-
-
 #footer
   :background
     :color #ccc
   .inset
     :padding 10px
 
-
 .notification_day_header
   :padding 6px
   :background
@@ -348,13 +337,12 @@ ul
   :color #666
 
 #aspect_header
-  :text
-    :align center
-  :padding 4px
+  :padding 4px 7px 
+    :bottom 7px
   :font
     :weight bold
   :text
     :shadow none
   :background
-    :color #333
-  :color #ccc
+    :color #eee
+  :color #999