closes #210

less/groups.less

@@ -114,6 +114,10 @@
 		}
 	}
 
+	.owner-controls {
+		margin-top: -6px;
+	}
+
 	@media (min-width: @screen-md-min) {
 		margin-top: 300px;
 		

templates/partials/groups/memberlist.tpl

@@ -17,28 +17,19 @@
 		</td>
 		<td class="member-name">
 			<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>
-		</td>
-		<!-- IF group.isOwner -->
-		<td>
-			<div class="btn-group pull-right">
-				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-					[[global:more]] <span class="caret"></span>
-				</button>
-				<ul class="dropdown-menu" role="menu">
-					<li>
-						<a href="#" data-ajaxify="false" data-action="toggleOwnership">
-							[[groups:details.grant]]
-						</a>
-					</li>
-					<li>
-						<a href="#" data-ajaxify="false" data-action="kick">
-							[[groups:details.kick]]
-						</a>
-					</li>
-				</ul>
+
+			<!-- IF group.isOwner -->
+			<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>
 			</div>
+			<!-- ENDIF group.isOwner -->
 		</td>
-		<!-- ENDIF group.isOwner -->
 	</tr>
 	<!-- END members -->
 </table>