Profile view style fixes

frappe/public/js/frappe/social/pages/Profile.vue

@@ -1,11 +1,12 @@
 <template>
-	<div>
-		<profile-sidebar :user_id="user_id" class="col-md-3"></profile-sidebar>
-		<div class="col-md-5 post-container">
+	<div class="profile-container">
+		<profile-sidebar class="profile-sidebar" :user_id="user_id"></profile-sidebar>
+		<div class="post-container">
 			<div v-for="post in my_posts" :key="post.name">
 				<post :post="post"></post>
 			</div>
 		</div>
+		<div class="pinned-posts"></div>
 	</div>
 </template>
 <script>
@@ -46,9 +47,3 @@ export default {
 	}
 }
 </script>
-<style lang="less" scoped>
-.post-container {
-	padding: 10px;
-}
-</style>
-

frappe/public/js/frappe/social/pages/Wall.vue

@@ -12,7 +12,7 @@
 			<div v-show="loading_old_posts" class="text-center padding">Loading old posts</div>
 			<div v-show="!more_posts_available" class="text-center padding">That's all folks</div>
 		</div>
-		<div class="action-card-container hidden-xs">
+		<div class="pinned-posts hidden-xs">
 			<div class="muted-title padding"><i class="fa fa-thumb-tack">&nbsp;</i> Pinned Posts </div>
 			<div v-for="post in pinned_posts" :key="post.name">
 				<post :post="post"></post>

frappe/public/less/social.less

@@ -30,7 +30,21 @@ body[data-route*="social"] {
 				margin-bottom: 10px;
 			}
 		}
-		.action-card-container {
+		.pinned-posts {
+			padding: 0px;
+			flex: 35%
+		}
+	}
+
+	.profile-container {
+		display: flex;
+		.profile-sidebar {
+			flex: 20%;
+		}
+		.post-container {
+			flex: 45%
+		}
+		.pinned-posts {
 			padding: 0px;
 			flex: 35%
 		}