1 files changed, 50 insertions, 33 deletions
diff --git a/modules/extra/webcpanel/templates/default/chanserv/access.html b/modules/extra/webcpanel/templates/default/chanserv/access.html
index 13c0ba82b..e9c42c61b 100644
--- a/modules/extra/webcpanel/templates/default/chanserv/access.html
+++ b/modules/extra/webcpanel/templates/default/chanserv/access.html
@@ -1,52 +1,69 @@
 {INCLUDE header.html}
 		{FOR M IN MESSAGES}
-			{M}<br/>
+		<div class="alert alert-info">
+			{M}<br>
+		</div>
 		{END FOR}
+
+		<h2>Access List</h2>
 		{IF EXISTS ACCESSES}
-			<b>Access List</b></br>
-			<table width="100%" height="100%">
-				<tr>
-					<th>Mask</th>
-					<th>Access</th>
-					<th>Creator</th>
-				</tr>
+			<table id="tableNSAccess" class="table table-hover">
+				<thead>
+					<tr>
+						<th>Mask</th>
+						<th>Access</th>
+						<th>Creator</th>
+						<th></th>
+					</tr>
+				</thead>
+				<tbody>
 				{FOR MASK,ACCESS,CREATOR,ACCESS_CHANGE IN MASKS,ACCESSES,CREATORS,ACCESS_CHANGES}
 					<tr>
-						<td>{MASK}</td>
+						<td style="font-weight: bold;">{MASK}</td>
 						<td>{ACCESS}</td>
 						<td>{CREATOR}</td>
 						{IF EQ ACCESS_CHANGE YES}
-							<td><a href="/chanserv/access?channel={ESCAPED_CHANNEL}&mask={MASK}&del=1">Delete</a></td>
+						<td><a href="/chanserv/access?channel={ESCAPED_CHANNEL}&mask={MASK}&del=1" class="btn btn-sm btn-danger">Delete</a></td>
 						{END IF}
 					</tr>
 				{END FOR}
+				</tbody>
 			</table>
 		{ELSE}
-			<b>Access list is empty.</b>
+			<em>Access list is empty.</em>
 		{END IF}
 
-		<br/><br/>
+		<hr>
 
-		<b>Add an access entry</b><br/>
-		<form method="post" action="/chanserv/access?channel={ESCAPED_CHANNEL}">
-			<table width="100%" height="100%">
-				<tr>
-					<th>Mask</th>
-					<th>Access</th>
-					<th>Provider</th>
-				</tr>
-				<tr>
-					<td><input type="text" name="mask"></td>
-					<td><input type="text" name="access"></td>
-					<td>
-						<select name="provider">
-							{FOR PROVIDER IN PROVIDERS}
-								<option value="{PROVIDER}">{PROVIDER}</option>
-							{END FOR}
-						</select>
-					</td>
-				</tr>
-			</table>
-			<input type="submit" value="Add">
+		<h4>Add an access entry</h4>
+		<form class="form-horizontal" method="post" action="/chanserv/access?channel={ESCAPED_CHANNEL}">
+			<div class="form-group">
+				<label class="control-label col-lg-2" for="mask">Mask:</label>
+				<div class="col-lg-6">
+					<input class="form-control" type="text" name="mask" id="mask" placeholder="Valid HostMask">
+				</div>
+			</div>
+			<div class="form-group">
+				<label class="control-label col-lg-2" for="access">Access:</label>
+				<div class="col-lg-6">
+					<input class="form-control" type="text" name="access" id="access" placeholder="Access level">
+				</div>
+			</div>
+			<div class="form-group">
+				<label class="control-label col-lg-2" for="reason">Provider:</label>
+				<div class="col-lg-6">
+					<select name="provider" class="form-control">
+						{FOR PROVIDER IN PROVIDERS}
+							<option value="{PROVIDER}">{PROVIDER}</option>
+						{END FOR}
+					</select>
+				</div>
+			</div>
+			<div class="form-group">
+				<div class="col-lg-offset-2 col-lg-6">
+					<button type="submit" class="btn btn-primary">Send</button>
+				</div>
+			</div>
 		</form>
+
 {INCLUDE footer.html}