From 08efacf43d3662bd90e0b5073f3c37544e4c2f00 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@designcreateplay.com>
Date: Sun, 25 Oct 2015 08:18:25 -0400
Subject: [PATCH] Update profile edit page to use list group and fixed sizing a
 bit for tablets

---
 templates/account/edit.tpl | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/templates/account/edit.tpl b/templates/account/edit.tpl
index 52c816f..8a6438f 100644
--- a/templates/account/edit.tpl
+++ b/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>
-				<br/><br/>
-
-				<!-- IF !username:disableEdit -->
-				<a href="{config.relative_path}/user/{userslug}/edit/username" class="btn btn-default">[[user:change_username]]</a><br/><br/>
-				<!-- ENDIF !username:disableEdit -->
-
-				<a href="{config.relative_path}/user/{userslug}/edit/email" class="btn btn-default">[[user:change_email]]</a><br/><br/>
-
-				<a href="{config.relative_path}/user/{userslug}/edit/password" class="btn btn-default">[[user:change_password]]</a><br/><br/>
+				<ul class="list-group">
+					<a id="changePictureBtn" href="#" class="list-group-item">[[user:change_picture]]</a>
+					<!-- IF !username:disableEdit -->
+					<a href="{config.relative_path}/user/{userslug}/edit/username" class="list-group-item">[[user:change_username]]</a>
+					<!-- 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>
+				</ul>
 
 				<!-- 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">