some cleanup on profile, starting redesign of the rest of the page

less/account.less

@@ -3,6 +3,12 @@
 		margin-bottom: 30px;
 	}
 
+	> .row {
+		max-width: @screen-sm-min;
+		margin-left: auto;
+		margin-right: auto;
+	}
+
 	.cover {
 		background-size: cover;
 		background-repeat: no-repeat;
@@ -153,6 +159,15 @@
 }
 
 
+.posts-list .posts-list-item {
+	// temp global, port to groups/fav/account
+	border-bottom: 1px solid @gray-lighter;
+	margin-bottom: 25px !important;
+	padding-bottom: 40px;
+}
+
+
+
 //
 
 .account-picture-block{
@@ -208,3 +223,4 @@
 		width:100px;
 	}
 }
+

templates/account/profile.tpl

@@ -2,12 +2,8 @@
 	<!-- IMPORT partials/account/header.tpl -->
 
 	<div class="row">
-		<div class="col-md-5 account-block">
-
-			<div class="account-picture-block panel panel-default">
-				<div class="panel-body">
-					<div>
-						<div class="text-center">
+		<div class="col-xs-12 account-block">
+			<div class="account-picture-block text-center">
 				<span>
 					<span class="account-username"> {username}</span>
 				</span>
@@ -60,16 +56,19 @@
 					<span class="human-readable-number" title="{profileviews}">{profileviews}</span>
 					<span class="account-bio-label">[[user:profile_views]]</span>
 				</div>
-						</div>
 
+				<div class="inline-block text-center">
+					<span class="human-readable-number" title="{followerCount}">{followerCount}</span>
+					<span class="account-bio-label">[[user:followers]]</span>
 				</div>
+
+				<div class="inline-block text-center">
+				<span class="human-readable-number"  title="{followingCount}">{followingCount}</span>
+					<span class="account-bio-label">[[user:following]]</span>
 				</div>
 			</div>
 
-
-			<div class="panel panel-default">
-				<div class="panel-body text-center">
-
+			<div class="hidden">
 				<!-- IF email -->
 				<span class="account-bio-label">[[user:email]]</span>
 				<span class="account-bio-value"><i class="fa fa-eye-slash {emailClass}" title="[[user:email_hidden]]"></i> {email}</span>
@@ -118,23 +117,18 @@
 				<!-- ENDIF signature -->
 				<!-- ENDIF !disableSignatures -->
 			</div>
-			</div>
 
 			<!-- IF groups.length -->
-			<div class="panel panel-default">
-				<div class="panel-heading">
-					<h3 class="panel-title">[[groups:groups]]</h3>
-				</div>
-				<div class="panel-body">
+			<div class="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="panel panel-default">
+			<div class="hidden">
 				<div class="panel-heading">
 					<h3 class="panel-title">[[global:recentips]]</h3>
 				</div>
@@ -148,7 +142,7 @@
 
 		</div>
 
-		<div class="col-md-7">
+		<div class="col-xs-12">
 		<!-- IF !posts.length -->
 		<div class="alert alert-warning">[[user:has_no_posts]]</div>
 		<!-- ENDIF !posts.length -->

templates/partials/posts_list.tpl

@@ -2,9 +2,6 @@
 
 	<!-- BEGIN posts -->
 	<li component="post" class="posts-list-item" data-pid="{posts.pid}" data-uid="{posts.uid}">
-
-		<div class="panel panel-default">
-			<div class="panel-body">
 		<a href="{config.relative_path}/user/{posts.user.userslug}">
 			<!-- IF posts.user.picture -->
 			<img title="{posts.user.username}" class="img-rounded user-img" src="{posts.user.picture}">
@@ -26,9 +23,6 @@
 				<a href="{config.relative_path}/topic/{posts.topic.slug}/{posts.index}">[[global:read_more]]</a>
 			</span>
 		</small>
-			</div>
-		</div>
-
 	</li>
 	<!-- END posts -->
 </ul>