Merge pull request #656 from LearningLocker/issue/avatar

Fixes avatar size and default.

Author: ryasmi

app/views/partials/statements/item.blade.php

@@ -5,11 +5,13 @@
   $json = $statement;
   
   if( isset($statement['actor']['mbox']) ){
-    $avatar = \Locker\Helpers\Helpers::getGravatar( substr($statement['actor']['mbox'], 7), '20');
-  }else{
-    $avatar = 'http://placehold.it/20x20';
+    $avatar_id = substr($statement['actor']['mbox'], 7);
+  } else {
+    $avatar_id = '[email protected]';
   }
 
+  $avatar = \Locker\Helpers\Helpers::getGravatar( $avatar_id, '20');
+
   if( isset($statement['actor']['name']) && $statement['actor']['name'] != ''){
     $name = $statement['actor']['name'];
   }elseif(isset($statement['actor']['mbox']) && $statement['actor']['mbox'] != '' ){
@@ -83,7 +85,7 @@
       <span onclick="$('.state-{{ $statement['id'] }}').toggle();"><i class="icon icon-cog lightgrey pull-left"></i></span>
 
       <span class="pull-left statement-avatar">
-          <img src="{{ $avatar }}" alt='avatar' class="img-circle" />
+          <img src="{{ $avatar }}" alt='avatar' class="img-circle avatar" />
       </span> 
 
       {{ $name }}

public/assets/css/app.css

@@ -215,6 +215,11 @@ table.break-words td, table.break-words th {
   word-wrap: break-word;
 }
 
+.avatar {
+  width: 20px;
+  height: 20px;
+}
+
 /* Bootstrap extensions (note: looks like we're not using LESS?)
 --------------------------------------------------------------*/
 @media(max-width: 480px){