settings/guest checkboxes

src/views/admin/settings/guest.tpl

@@ -5,14 +5,15 @@
 	<div class="col-xs-10">
 		<form role="form">
 			<div class="checkbox">
-				<label>
-					<input type="checkbox" data-field="allowGuestHandles"> <strong>Allow guest handles</strong>
-					<p class="help-block">
-						This option exposes a new field that allows guests to pick a name to associate with each post they make. If disabled,
-						the will simply be called "Guest"
-					</p>
+				<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
+					<input class="mdl-switch__input" type="checkbox" data-field="allowGuestHandles">
+					<span class="mdl-switch__label"><strong>Allow guest handles</strong></span>
 				</label>
 			</div>
+			<p class="help-block">
+				This option exposes a new field that allows guests to pick a name to associate with each post they make. If disabled,
+				the will simply be called "Guest"
+			</p>
 		</form>
 	</div>
 </div>
@@ -23,14 +24,16 @@
 	<div class="col-xs-10">
 		<form role="form">
 			<div class="checkbox">
-				<label>
-					<input type="checkbox" data-field="allowGuestSearching"> <strong>Allow guests to search without logging in</strong>
+				<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
+					<input class="mdl-switch__input" type="checkbox" data-field="allowGuestSearching">
+					<span class="mdl-switch__label"><strong>Allow guests to search without logging in</strong></span>
 				</label>
 			</div>
 
 			<div class="checkbox">
-				<label>
-					<input type="checkbox" data-field="allowGuestUserSearching"> <strong>Allow guests to search users without logging in</strong>
+				<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
+					<input class="mdl-switch__input" type="checkbox" data-field="allowGuestUserSearching">
+					<span class="mdl-switch__label"><strong>Allow guests to search users without logging in</strong></span>
 				</label>
 			</div>
 		</form>