From 1cb4d1377d8f2de381ff9e5b88412dc5e3b45155 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Fri, 23 Mar 2018 18:15:04 +0100
Subject: [PATCH] Improved companies page

---
 pages/companies/popular.pixy    | 13 ++++++++-----
 pages/companies/popular.scarlet | 30 +++++++++++++++++++++++-------
 2 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/pages/companies/popular.pixy b/pages/companies/popular.pixy
index 5aeeeb3f..49bd67b6 100644
--- a/pages/companies/popular.pixy
+++ b/pages/companies/popular.pixy
@@ -13,10 +13,13 @@ component PopularCompanies(companies []*arn.Company, nextIndex int, user *arn.Us
 component PopularCompaniesScrollable(companies []*arn.Company, user *arn.User)
 	each company in companies
 		li.popular-company.mountable
-			a.popular-company-name.ajax(href=company.Link())
-				.popular-company-icon
-					Icon("building")
-				
-				span= company.Name.English
+			a.popular-company-header.ajax(href=company.Link())
+				Icon("building")
+				span.popular-company-name= company.Name.English
+			
+			p.popular-company-body.popular-company-description= company.Description
+			
+			.popular-company-footer
+				p Test.
 			
 			//- span= " (" + strconv.Itoa(popularity[company.ID]) + ")"
\ No newline at end of file
diff --git a/pages/companies/popular.scarlet b/pages/companies/popular.scarlet
index cc5d97d0..ee7722d9 100644
--- a/pages/companies/popular.scarlet
+++ b/pages/companies/popular.scarlet
@@ -3,20 +3,31 @@
 	justify-content space-evenly
 
 .popular-company
-	display flex
+	vertical
 	width 100%
-	max-width 500px
+	max-width 800px
 	margin 0
 	margin-bottom calc(content-padding / 4)
 	padding 0.5rem 0.75rem
+	overflow hidden
 	ui-element
 
+.popular-company-header
+	flex 0.2
+
+.popular-company-body
+	flex 0.6
+
+.popular-company-footer
+	flex 0.2
+
+.popular-company-description
+	clip-long-text
+
 .popular-company-icon
 	//
 
 .popular-company-name
-	horizontal
-	align-items center
 	clip-long-text
 
 .popular-company-anime-preview
@@ -24,8 +35,13 @@
 
 > 900px
 	.popular-company
-		height 50px
+		height 200px
+		max-height 200px
 		padding 0.75rem 1rem
+		margin calc(content-padding / 2)
 
-	.popular-company-name
-		font-size 1.3rem
\ No newline at end of file
+	.popular-company-header
+		font-size 1.2rem
+
+	.popular-company-description
+		white-space normal
\ No newline at end of file