Improved group page layout

pages/group/group.scarlet

@@ -1,7 +1,7 @@
 .group-view
 	vertical
 	width 100%
-	max-width 900px
+	max-width 650px
 	margin 0 auto
 
 .group-feed
@@ -24,18 +24,17 @@
 
 .group-header-intro
 	vertical
-	align-self center
 	align-items center
 	margin-top content-padding
 
-> 800px
+> 900px
 	.group-header
 		horizontal
+		align-items stretch
 
 	.group-header-intro
 		margin-top 0
 		margin-left calc(content-padding * 2)
-		align-self flex-start
 		align-items flex-start
 
 	.group-page-name

pages/group/header.pixy

@@ -29,9 +29,14 @@ component GroupHeader(group *arn.Group, member *arn.GroupMember, user *arn.User)
 		
 		.profile-actions(data-api="/api" + group.Link())
 			if member == nil
-				button.profile-action.action.mountable.never-unmount(data-action="join", data-trigger="click")
-					Icon("user-plus")
-					span Join group
+				if group.Restricted
+					button.profile-action.mountable.never-unmount
+						Icon("lock")
+						span Locked group
+				else
+					button.profile-action.action.mountable.never-unmount(data-action="join", data-trigger="click")
+						Icon("user-plus")
+						span Join group
 			else
 				button.profile-action.action.mountable.never-unmount(data-action="leave", data-trigger="click")
 					Icon("user-times")

pages/group/tabs.pixy

@@ -6,5 +6,5 @@ component GroupTabs(group *arn.Group, member *arn.GroupMember, user *arn.User)
 
 		if member != nil && member.Role == "founder"
 			Tab("Edit", "pencil", group.Link() + "/edit")
-			Tab("Edit image", "image", group.Link() + "/edit/image")
+			Tab("Image", "image", group.Link() + "/edit/image")
 			Tab("History", "history", group.Link() + "/history")