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>