Update profile edit page to use list group and fixed sizing a bit for tablets

templates/account/edit.tpl

@@ -3,19 +3,17 @@
 
 <div class="account">
 	<div class="row">
-		<div class="col-md-2">
+		<div class="col-md-2 col-sm-4">
 			<div class="account-picture-block text-center">
 				<img id="user-current-picture" class="user-profile-picture" src="{picture}" /><br /><br />
-				<a id="changePictureBtn" href="#" class="btn btn-default">[[user:change_picture]]</a>
+				<ul class="list-group">
-				<br/><br/>
+					<a id="changePictureBtn" href="#" class="list-group-item">[[user:change_picture]]</a>
-
+					<!-- IF !username:disableEdit -->
-				<!-- IF !username:disableEdit -->
+					<a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item">[[user:change_username]]</a>
-				<a href="{config.relative_path}/user/{userslug}/edit/username" class="btn btn-default">[[user:change_username]]</a><br/><br/>
+					<!-- ENDIF !username:disableEdit -->
-				<!-- ENDIF !username:disableEdit -->
+					<a href="{config.relative_path}/user/{userslug}/edit/email" class="list-group-item">[[user:change_email]]</a>
-
+					<a href="{config.relative_path}/user/{userslug}/edit/password" class="list-group-item">[[user:change_password]]</a>
-				<a href="{config.relative_path}/user/{userslug}/edit/email" class="btn btn-default">[[user:change_email]]</a><br/><br/>
+				</ul>
-
-				<a href="{config.relative_path}/user/{userslug}/edit/password" class="btn btn-default">[[user:change_password]]</a><br/><br/>
 
 				<!-- IF config.requireEmailConfirmation -->
 				<!-- IF email -->
@@ -34,7 +32,7 @@
 			</div>
 		</div>
 
-		<div class="col-md-5">
+		<div class="col-md-5 col-sm-4">
 			<div>
 				<form class='form-horizontal'>
 
@@ -93,7 +91,7 @@
 			<hr class="visible-xs visible-sm"/>
 		</div>
 
-		<div class="col-md-5">
+		<div class="col-md-5 col-sm-4">
 			<!-- IF sso.length -->
 			<label class="control-label">[[user:sso.title]]</label>
 			<div class="list-group">