closes #722

public/src/forum/admin/categories.js

@@ -269,22 +269,21 @@ define(['uploader'], function(uploader) {
                 // User Groups and privileges
 		socket.emit('api:admin.categories.groupsearch', cid, function(err, results) {
 			var groupsFrag = document.createDocumentFragment(),
-			liEl = document.createElement('li');
+			trEl = document.createElement('tr');
 			var numResults = results.length,
 			    resultObj;
 
 			for(var x=0;x<numResults;x++) {
 				resultObj = results[x];
-				liEl.setAttribute('data-gid', resultObj.gid);
-				liEl.innerHTML = '<div class="pull-right">' +
-							'<div class="btn-group">' +
+				trEl.setAttribute('data-gid', resultObj.gid);
+				trEl.innerHTML = '<td><h4>' + resultObj.name + '</h4></td><td>' +
+							'<div class="btn-group pull-right">' +
 							  '<button type="button" data-gpriv="+gr" class="btn btn-default' + (resultObj.privileges['+gr'] ? ' active' : '') + '">Read</button>' +
 							  '<button type="button" data-gpriv="+gw" class="btn btn-default' + (resultObj.privileges['+gw'] ? ' active' : '') + '">Write</button>' +
 							'</div>' +
-						 '</div>' +
-						 ' '+resultObj.name;
+						 '</td>';
 
-				groupsFrag.appendChild(liEl.cloneNode(true));
+				groupsFrag.appendChild(trEl.cloneNode(true));
 			}
 
 			groupsResultsEl.html(groupsFrag);

public/templates/admin/categories.tpl

@@ -175,12 +175,15 @@
 						</div>
 					</form>
 					<ul class="search-results"></ul>
+
+					<hr />
 					<form role="form">
 						<div class="form-group">
 							<label for="permission-group-pick">User Groups</label>
 						</div>
 					</form>
-					<ul class="groups-results"></ul>
+					<table class="table table-striped groups-results"></table>
+
 				</div>
 			</div>
 		</div>