updated persona to use rows in user profile

templates/account/profile.tpl

@@ -86,20 +86,23 @@
 				<a component="account/follow" href="#" class="btn btn-success btn-sm">[[user:follow]]</a>
 				<!-- ENDIF isFollowing -->
 				<!-- ENDIF !isSelf -->
-
+			</div>
+		</div>
 	</div>
 
 	<!-- IF groups.length -->
-			<div class="hidden">
+	<div class="row">
+		<div class="col-xs-12 hidden">
 			<!-- BEGIN groups -->
 			<a href="{config.relative_path}/groups/{groups.slug}"><span class="label group-label inline-block" style="background-color: {groups.labelColor};"><!-- IF groups.icon --><i class="fa {groups.icon}"></i> <!-- ENDIF groups.icon -->{groups.userTitle}</span></a>
 			<!-- END groups -->
 		</div>
+	</div>
 	<!-- ENDIF groups.length -->
-			<br /><br />
 
 	<!-- IF ips.length -->
-			<div class="hidden">
+	<div class="row">
+		<div class="col-xs-12 hidden">
 			<div class="panel-heading">
 				<h3 class="panel-title">[[global:recentips]]</h3>
 			</div>
@@ -109,9 +112,11 @@
 			<!-- END ips -->
 			</div>
 		</div>
-			<!-- ENDIF ips.length -->
 	</div>
+	<!-- ENDIF ips.length -->
 
+	<div class="row">
+		<div class="col-xs-12">
 			<h1>[[pages:account/posts, {username}]]</h1>
 
 			<div class="col-xs-12">
@@ -120,10 +125,8 @@
 				<!-- ENDIF !posts.length -->
 				<!-- IMPORT partials/posts_list.tpl -->
 			</div>
-
+		</div>
 	</div>
 
-	<br/>
 	<div id="user-action-alert" class="alert alert-success hide"></div>
-
 </div>