misc visual cleanup on mobile

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

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
 

public/stylesheets/sass/mobile.sass

@@ -85,24 +85,27 @@ a
 
   .avatar
     :float left
-    :height 40px
+    :height 48px
-    :width 40px
+    :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
+  :padding 10px
-    :right 8px
 
   .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
+  @include linear-gradient(#222, #000)
-    :color #111
-  :text
-    :align center
-  :padding 12px 0
-  :border
-    :bottom 1px solid #000
 
-  img
+  :padding 11px 5px
-    :padding
+    :bottom 7px
-      :top 2px
+  :border
-    :margin
+    :bottom 1px solid #444
-      :bottom -2px
 
   .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
+  :padding 4px 7px 
-    :align center
+    :bottom 7px
-  :padding 4px
   :font
     :weight bold
   :text
     :shadow none
   :background
-    :color #333
+    :color #eee
-  :color #ccc
+  :color #999