MS profile page fixes

app/views/layouts/application.html.haml

@@ -7,7 +7,7 @@
     %meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/
     
     = stylesheet_link_tag "blueprint/screen", :media => 'screen'
-    = stylesheet_link_tag "application", "ui"
+    = stylesheet_link_tag "application", "ui", 'bubble'
     /= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
     = javascript_include_tag 'jquery142', 'rails', 'google'
     = javascript_include_tag 'tiny_mce/tiny_mce', 'jquery.infieldlabel'

app/views/people/_sidebar.html.haml

 %ul#friend_stream.nav
-
   %h3 friends
   - for friend in @friends
     = person_image_link(friend)

app/views/people/show.html.haml

 .span-20.last
   #profile.span-19.last
-    %h1
+    .profile_photo
       = person_image_link(@person)
-      = "#{@person.real_name}"
-      .button.right
-        = link_to 'remove friend', @person, :confirm => 'Are you sure?', :method => :delete
     
-    %h4{:style => "font-size:small"}
-      %ul{:style => "list-style-type: none"}
-        %li
-          %i= "last seen: #{how_long_ago(@person_posts.first)}"
-        %li
-          %i= "friends since: #{how_long_ago(@person)}"
+    %ul
+      %li
+        %h1
+          = @person.real_name
+          .button.right
+            = link_to 'remove friend', @person, :confirm => 'Are you sure?', :method => :delete
+      
+      %li
+        %i= "last seen: #{how_long_ago(@person_posts.first)}"
+      %li
+        %i= "friends since: #{how_long_ago(@person)}"
+      %li
+        url:
+        = @person.url
 
-    %h1
-      #latest_message= "\"#{@latest_status_message.message}\""
-  
-    %p
-      %b url:
-      = @person.url
+    
+    %h1.pinched
+      %span
+        = "\"#{@latest_status_message.message}\""
+      
+    %h5="posted: #{how_long_ago(@latest_status_message)}"
+    
   
   .span-20.last
     - if @person.posts

public/stylesheets/application.css

-@font-face {
+q@font-face {
   font-family: "BrandonGrotesqueLightRegular";
   src: url("brandongrotesque_light/Brandon_light-webfont.eot");
   src: local("☺"), url("brandongrotesque_light/Brandon_light-webfont.woff") format("woff"), url("brandongrotesque_light/Brandon_light-webfont.ttf") format("truetype"), url("brandongrotesque_light/Brandon_light-webfont.svg#webfont") format("svg");
@@ -201,7 +201,14 @@ ul.comment_set {
       margin-top: -5px;
       padding-bottom: 8px; }
 
-#stream img.person_picture, #profile img.person_picture {
+.profile_photo {
+  float: left;
+  margin-right: 10px; }
+
+#profile ul {
+  list-style-type: none; }
+
+#stream img.person_picture {
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;

public/stylesheets/sass/application.sass

@@ -243,7 +243,14 @@ ul.comment_set
       :padding
         :bottom 8px
         
-#stream, #profile        
+.profile_photo
+  :float left
+  :margin-right 10px
+#profile
+  ul
+    :list-style-type none
+        
+#stream
   img.person_picture
     :border-radius 3px
     :-webkit-border-radius 3px