show photos on scoreboard instead of names

public/css/app.css

@@ -8753,6 +8753,15 @@ button.close {
   display: inline-block;
 }
 
+.scoreboard .players {
+  padding: 4px 0;
+}
+
+.scoreboard .profile.float-left {
+  float: left;
+  margin-right: 4px;
+}
+
 .tweet {
   border: 1px #d3e0e9 solid;
   border-radius: 4px;

resources/assets/sass/app.scss

@@ -249,6 +249,13 @@
     display: inline-block;
   }
 
+  .players {
+    padding: 4px 0;
+  }
+  .profile.float-left {
+    float: left;
+    margin-right: 4px;
+  }  
 }
 
 

resources/views/scoreboard.blade.php

@@ -28,7 +28,9 @@
                 </div>
                 <div class="players">
                   @foreach($team->players as $player)
-                    <a href="https://twitter.com/{{ $player->twitter }}">{{ '@'.$player->twitter }}</a>
+                    <div class="profile float-left">
+                      <a href="https://twitter.com/{{ $player->twitter }}" title="{{ $player->twitter }}"><img src="{{ $player->photo }}" style="border-color: {{ '#'.$team->color }}"></a>
+                    </div>
                   @endforeach
                 </div>
               </td>