priv table headers

public/less/admin/manage/categories.less

@@ -88,3 +88,30 @@ div.categories {
 	}
 
 }
+
+.category {
+	.privilege-table {
+		tr > th:first-child {
+			min-width: 150px;
+		}
+
+		.privilege-table-header {
+			background: white;
+
+			th {
+				text-align: center;
+				border-top: 0;
+				text-transform: uppercase;
+				font-size: 9px;
+			}
+
+			.arrowed:after {
+				border-bottom: 1px dashed #ccc;
+				content: "";
+				width: 100%;
+				display: block;
+				padding-top: 5px;
+			}
+		}
+	}
+}

src/views/admin/partials/categories/privileges.tpl

@@ -1,4 +1,10 @@
-					<table class="table table-striped table-hover privilege-table">
+					<table class="table table-striped privilege-table">
+						<tr class="privilege-table-header">
+							<th colspan="2"></th>
+							<th class="arrowed" colspan="3">Viewing Privileges</th>
+							<th class="arrowed" colspan="7">Posting Privileges</th>
+							<th class="arrowed" colspan="2">Moderation Privileges</th>
+						</tr><tr><!-- zebrastripe reset --></tr>
 						<tr>
 							<th colspan="2">User</th>
 							<!-- BEGIN privileges.labels.users -->
@@ -34,7 +40,13 @@
 						<!-- ENDIF privileges.users.length -->
 					</table>
 
-					<table class="table table-striped table-hover privilege-table">
+					<table class="table table-striped privilege-table">
+						<tr class="privilege-table-header">
+							<th colspan="2"></th>
+							<th class="arrowed" colspan="3">Viewing Privileges</th>
+							<th class="arrowed" colspan="7">Posting Privileges</th>
+							<th class="arrowed" colspan="2">Moderation Privileges</th>
+						</tr><tr><!-- zebrastripe reset --></tr>
 						<tr>
 							<th colspan="2">Group</th>
 							<!-- BEGIN privileges.labels.groups -->