Improved group interface

pages/group/group.pixy

@@ -25,11 +25,16 @@ component Group(group *arn.Group, user *arn.User)
 						Avatar(member.User())
 		
 		.group-feed.mountable
-			if len(group.Posts()) == 0
-				p.text-center.mountable No posts in this group yet.
-			else
-				each post in group.Posts()
-					p!= post.HTML()
+			if user != nil
+				NewPostArea(user, "Content")
+			
+				.buttons
+					button.action(data-action="newGroupPost", data-trigger="click")
+						Icon("check")
+						span Publish
+
+			each post in group.Posts()
+				p!= post.HTML()
 
 component GroupTabs(group *arn.Group, user *arn.User)
 	.tabs

pages/group/group.scarlet

@@ -1,19 +1,20 @@
 .group-view
 	horizontal-wrap
 	width 100%
-	max-width 1200px
+	max-width 900px
 	margin 0 auto
+	border 1px solid red
 
 < 1100px
 	.group-view
 		vertical
 
 .group-feed
-	flex 0.75
+	flex 1
 	padding 1rem
 
 .group-sidebar
-	flex 0.25
+	flex-basis 300px
 
 .group-sidebar-section
 	ui-element