From d6a981863253ac7195a8a8072a3a51d6895f5d3b Mon Sep 17 00:00:00 2001
From: Asphyxia <dario.cavuotti@gmail.com>
Date: Fri, 18 Jan 2013 03:09:26 -0300
Subject: [PATCH] Issue #3851: Profile pictures not centered

---
 Changelog.md                                |  2 +-
 app/assets/stylesheets/application.css.sass |  1 +
 app/assets/stylesheets/mobile.css.scss      | 18 +++++++++++++++---
 app/views/notifications/index.mobile.haml   |  3 +--
 app/views/people/_person.mobile.haml        |  2 +-
 5 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/Changelog.md b/Changelog.md
index b5a120779..e7cab561f 100644
--- a/Changelog.md
+++ b/Changelog.md
@@ -27,7 +27,7 @@
 * Re-add hovercards [#3802](https://github.com/diaspora/diaspora/pull/3802)
 * Add images to notifications [#3821](https://github.com/diaspora/diaspora/pull/3821)
 * Show pod version in footer and updated the link to the changelog [#3822](https://github.com/diaspora/diaspora/pull/3822)
-* User interface enhancements [#3832](https://github.com/diaspora/diaspora/pull/3832), [#3839](https://github.com/diaspora/diaspora/pull/3839), [#3834](https://github.com/diaspora/diaspora/pull/3834), [#3840](https://github.com/diaspora/diaspora/issues/3840), [#3846](https://github.com/diaspora/diaspora/issues/3846).
+* User interface enhancements [#3832](https://github.com/diaspora/diaspora/pull/3832), [#3839](https://github.com/diaspora/diaspora/pull/3839), [#3834](https://github.com/diaspora/diaspora/pull/3834), [#3840](https://github.com/diaspora/diaspora/issues/3840), [#3846](https://github.com/diaspora/diaspora/issues/3846), [#3851](https://github.com/diaspora/diaspora/issues/3851).
 
 ## Bug Fixes
 
diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass
index c48bd8499..eb78156dd 100644
--- a/app/assets/stylesheets/application.css.sass
+++ b/app/assets/stylesheets/application.css.sass
@@ -1941,6 +1941,7 @@ ul#press_logos
     :height 35px
     :margin
       :right 10px
+      :bottom 10px
 
   &:hover:not(.selected)
     :background
diff --git a/app/assets/stylesheets/mobile.css.scss b/app/assets/stylesheets/mobile.css.scss
index 226f96769..02fa6d94e 100644
--- a/app/assets/stylesheets/mobile.css.scss
+++ b/app/assets/stylesheets/mobile.css.scss
@@ -142,6 +142,12 @@ body {
   border-bottom: 1px solid #aaa;
 }
 
+.stream_element div.img img.avatar {
+  margin: 10px;
+}
+.stream_element .bd {
+  padding-top: 10px;
+}
 .photo_attachments {
   position: relative;
   left: 0;
@@ -660,13 +666,14 @@ display: inline-block;
 .message_count {
   border-radius: 2px 2px 2px 2px;
   float: right;
-  margin: 2px 2px 1px 5px;
+  margin: 10px 10px 1px 5px;
   padding: 0 2px 1px;
   position: relative;
   background-color: #999;
   color: #eee;
   font-size: 10px;
   line-height: 12px;
+
 }
 
 .conversation_participants img.avatar{
@@ -675,10 +682,15 @@ display: inline-block;
 	margin: 5px 0 5px 2px;
 }
 
+.conversations img.avatar{
+  margin: 10px;
+  float: left;
+}
+
 .unread_message_count {
   border-radius: 2px 2px 2px 2px;
   float: right;
-  margin: 2px 2px 1px 5px;
+  margin: 10px 2px 1px 5px;
   padding: 0 2px 1px;
   position: relative;
   background-color: #B11;
@@ -689,7 +701,7 @@ display: inline-block;
 
 .last_author {
   position: relative;
-  margin: 10px 5px 2px;
+  margin: 10px 10px 2px;
   float: right;
   font-size: 12px;
   color: #444;
diff --git a/app/views/notifications/index.mobile.haml b/app/views/notifications/index.mobile.haml
index 41a3f3962..24b4ed4c0 100644
--- a/app/views/notifications/index.mobile.haml
+++ b/app/views/notifications/index.mobile.haml
@@ -14,9 +14,8 @@
         - notes.each do |note|
           .stream_element{:data=>{:guid => note.id}, :class => "#{note.unread ? 'unread' : 'read'}"}
 
-            = person_image_link(note.actors.last)
-
             .content
+              =person_image_link(note.actors.last)
               %span.from
                 = notification_message_for(note)
               .time
diff --git a/app/views/people/_person.mobile.haml b/app/views/people/_person.mobile.haml
index 2a8b17520..806dd2c2d 100644
--- a/app/views/people/_person.mobile.haml
+++ b/app/views/people/_person.mobile.haml
@@ -3,9 +3,9 @@
 -#   the COPYRIGHT file.
 
 .stream_element{:id => person.id}
-  = person_image_link(person)
 
   .content
+    =person_image_link(person)
     %span.from
       =person_link(person)