User: Profile layout tweak

src/views/stylesheets/style.sass

@@ -212,7 +212,7 @@ ul.button-container
 // Profiles
 #profile-container
   display: flex 
-  flex-direction: row-reverse
+  flex-direction: row
   width: 100%
   height: 100%
   max-width: 70rem
@@ -235,7 +235,7 @@ ul.button-container
       color: $fg_alt_clr
 
   aside
-    margin-left: 2rem
+    margin-right: 2rem
     #userinfo
       margin-bottom: 1.75rem
       text-align: center
@@ -253,6 +253,10 @@ ul.button-container
         font-weight: normal
         color: $fg_alt_clr
         opacity: .5
+      h4
+        font-weight: normal
+        font-size: .8rem
+        
       ul
         margin: 1rem 0
         flex-wrap: nowrap
@@ -287,14 +291,12 @@ ul.button-container
         color: $shadow_clr
         opacity: .8
 
-  #bio
+  #posts
     min-height: 14rem
     max-height: 50rem
     width: 100%
 
     .card-container
-      height: 92.5%
-      overflow-y: scroll 
       margin-bottom: 4rem
       padding-bottom: 2rem
 

src/views/user/profile.slim

@@ -7,9 +7,12 @@
       .avatar-container
         img.avatar src="#{user.avatar}" alt="#{user.name}'s avatar"
 
+      h4 = user.bio_text
+
       ul.button-container
-        a.button href="mailto:#{user.email}"
+        - unless true
-          li Message
+          a.button href="mailto:#{user.email}" 
+            li Message
         a.button href="/profile/#{user.id}/rep"
           li Rep
         a.button href="/profile/#{user.id}/posts"
@@ -39,9 +42,9 @@
         h3.red = user.reputation_text
       h4 Based on user reviews
 
-  #bio.card
+  #posts.card
-    h2 User biography
+    h2 Recent posts
     .card-container
-      == user.bio_html
+      //== user.bio_html