use avatar-rounded

templates/groups/details.tpl

@@ -74,9 +74,9 @@
 					<tr data-uid="{group.pending.uid}">
 						<td>
 							<!-- IF group.pending.picture -->
-							<a href="{config.relative_path}/user/{group.pending.userslug}"><img class="avatar avatar-sm" src="{group.pending.picture}" /></a>
+							<a href="{config.relative_path}/user/{group.pending.userslug}"><img class="avatar avatar-sm avatar-rounded" src="{group.pending.picture}" /></a>
 							<!-- ELSE -->
-							<div class="avatar avatar-sm" style="background-color: {group.pending.icon:bgColor};">{group.pending.icon:text}</div>
+							<div class="avatar avatar-sm avatar-rounded" style="background-color: {group.pending.icon:bgColor};">{group.pending.icon:text}</div>
 							<!-- ENDIF group.pending.picture -->
 						</td>
 						<td class="member-name">
@@ -118,9 +118,9 @@
 					<tr data-uid="{group.invited.uid}">
 						<td>
 							<!-- IF group.invited.picture -->
-							<a href="{config.relative_path}/user/{group.invited.userslug}"><img class="avatar avatar-sm" src="{group.invited.picture}" /></a>
+							<a href="{config.relative_path}/user/{group.invited.userslug}"><img class="avatar avatar-sm avatar-rounded" src="{group.invited.picture}" /></a>
 							<!-- ELSE -->
-							<div class="avatar avatar-sm" style="background-color: {group.invited.icon:bgColor};">{group.invited.icon:text}</div>
+							<div class="avatar avatar-sm avatar-rounded" style="background-color: {group.invited.icon:bgColor};">{group.invited.icon:text}</div>
 							<!-- ENDIF group.invited.picture -->
 						</td>
 						<td class="member-name">

templates/partials/groups/list.tpl

@@ -10,9 +10,9 @@
 					<li>
 						<a href="{config.relative_path}/user/{groups.members.userslug}">
 							<!-- IF groups.members.picture -->
-							<img class="avatar avatar-sm" src="{groups.members.picture}" title="{groups.members.username}" />
+							<img class="avatar avatar-sm avatar-rounded" src="{groups.members.picture}" title="{groups.members.username}" />
 							<!-- ELSE -->
-							<div class="avatar avatar-sm" style="background-color: {groups.members.icon:bgColor};" title="{groups.members.username}">{groups.members.icon:text}</div>
+							<div class="avatar avatar-sm avatar-rounded" style="background-color: {groups.members.icon:bgColor};" title="{groups.members.username}">{groups.members.icon:text}</div>
 							<!-- ENDIF groups.members.picture -->
 						</a>
 					</li>

templates/partials/groups/memberlist.tpl

@@ -9,9 +9,9 @@
 		<td>
 			<a href="{config.relative_path}/user/{group.members.userslug}">
 				<!-- IF group.members.picture -->
-				<img class="avatar avatar-sm" src="{group.members.picture}" />
+				<img class="avatar avatar-sm avatar-rounded" src="{group.members.picture}" />
 				<!-- ELSE -->
-				<div class="avatar avatar-sm" style="background-color: {group.members.icon:bgColor};">{group.members.icon:text}</div>
+				<div class="avatar avatar-sm avatar-rounded" style="background-color: {group.members.icon:bgColor};">{group.members.icon:text}</div>
 				<!-- ENDIF group.members.picture -->
 			</a>
 		</td>
@@ -19,11 +19,11 @@
 			<a href="{config.relative_path}/user/{group.members.userslug}">{group.members.username}</a> <i title="[[groups:owner]]" class="fa fa-star text-warning <!-- IF !group.members.isOwner -->invisible<!-- ENDIF !group.members.isOwner -->"></i>
 
 			<!-- IF group.isOwner -->
-			<div class="owner-controls btn-group pull-right">				
+			<div class="owner-controls btn-group pull-right">
 				<a class="btn btn-sm" href="#" data-ajaxify="false" data-action="toggleOwnership" title="[[groups:details.grant]]">
 					<i class="fa fa-star"></i>
 				</a>
-			
+
 				<a class="btn btn-sm" href="#" data-ajaxify="false" data-action="kick" title="[[groups:details.kick]]">
 					<i class="fa fa-ban"></i>
 				</a>