votes modal

less/style.less

@@ -69,10 +69,14 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 .profile-image {
 	width: 52px;
 	height: 52px;
+	line-height: 52px;
+	font-size: 2.6rem;
 
 	&.small {
 		width: 26px;
 		height: 26px;
+		line-height: 26px;
+		font-size: 1.3rem;
 	}
 }
 

templates/partials/modals/votes_modal.tpl

@@ -1,13 +1,21 @@
 <h3>Upvoters <small>({upvoteCount})</small></h3>
 <!-- BEGIN upvoters -->
 <a href="{config.relative_path}/user/{upvoters.userslug}">
+<!-- IF upvoters.picture -->
 <img class="profile-image small" src="{upvoters.picture}" title="{upvoters.username}"/>
+<!-- ELSE -->
+<div class="profile-image small user-icon" style="background-color: {upvoters.icon:bgColor};">{upvoters.icon:text}</div>
+<!-- ENDIF upvoters.picture -->
 </a>
 <!-- END upvoters -->
 
 <h3>Downvoters <small>({downvoteCount})</small></h3>
 <!-- BEGIN downvoters -->
 <a href="{config.relative_path}/user/{downvoters.userslug}">
+<!-- IF downvoters.picture -->
 <img class="profile-image small" src="{downvoters.picture}" title="{downvoters.username}"/>
+<!-- ELSE -->
+<div class="profile-image small user-icon" style="background-color: {downvoters.icon:bgColor};">{downvoters.icon:text}</div>
+<!-- ENDIF downvoters.picture -->
 </a>
 <!-- END downvoters -->