From 76a5d9c9e1881d400c92c90d7507b5cc27e2adca Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Fri, 11 Nov 2016 17:48:38 +0100
Subject: [PATCH] Blog and Latest assets are shown bigger now

---
 src/styles/_project.sass               | 56 +++++++++++---------------
 src/templates/projects/view_embed.jade |  9 ++---
 2 files changed, 27 insertions(+), 38 deletions(-)

diff --git a/src/styles/_project.sass b/src/styles/_project.sass
index e5080560..b9255305 100644
--- a/src/styles/_project.sass
+++ b/src/styles/_project.sass
@@ -1516,12 +1516,11 @@ section.node-details-container
 
 .node-extra
 	display: flex
-	flex-direction: row
-	align-items: stretch
+	flex-direction: column
 
 	padding: 0 20px
 	width: 100%
-	max-width: 800px
+	max-width: 840px
 
 	a.learn-more
 		font-size: .9em
@@ -1529,22 +1528,23 @@ section.node-details-container
 	.node-updates,
 	.node-blog
 		flex: 1
+		font-size: 1.1em
 
 		ul
 			padding: 0
-			margin: 0 0 25px 0
+			margin: 0 0 15px 0
 			display: flex
 			flex-direction: row
 			flex-wrap: wrap
-			justify-content: space-between
 
 			li
 				display: flex
+				flex-direction: column
 				list-style: none
-				padding: 10px 0
+				padding: 10px 5px
 				border-top: thin solid $color-background
 				cursor: pointer
-				width: 50%
+				width: 25%
 
 				&:hover
 					img
@@ -1554,60 +1554,50 @@ section.node-details-container
 						text-decoration: underline
 
 				.image
-					width: 60px
-					height: 60px
-					min-width: 60px
-					min-height: 60px
-					max-width: 60px
-					max-height: 60px
-					border-radius: 3px
+					width: 100%
+					height: 90px
+					min-height: 90px
+					max-height: 90px
+					height: auto
 					background-color: $color-background
-					float: left
-					margin: 0 15px 0 0
+					margin: 5px auto 10px auto
 					position: relative
+					overflow: hidden
+					border-radius: 3px
 
 					img
-						width: 100%
-						border-radius: 3px
+						+position-center-translate
 
 					i
 						color: $color-text-dark-hint
-						font-size: 1.6em
+						font-size: 3em
 						+position-center-translate
 
 				.info
 					width: 100%
-					float: left
+					height: 100%
+					display: flex
+					flex-direction: column
+					justify-content: space-between
 
 					.title
 						display: block
-						+text-overflow-ellipsis
+						word-break: break-word
 						+clearfix
 
 					span.details
 						width: 100%
 						display: block
-						font-size: .9em
+						font-size: .8em
 						padding: 5px 0
 						color: $color-text-dark-secondary
 						+clearfix
 
 						.who
 							margin-left: 3px
-							font-weight: 500
 						.what
 							text-transform: capitalize
 
-	.node-blog
-		flex-direction: column
-		ul li
-			width: 100%
-
-	.node-blog+.node-updates
-		flex-direction: column
-		padding-left: 25px
-		ul li
-			width: 100%
 
 section.node-children
 	background-color: white
diff --git a/src/templates/projects/view_embed.jade b/src/templates/projects/view_embed.jade
index 4c83965f..777fac3b 100644
--- a/src/templates/projects/view_embed.jade
+++ b/src/templates/projects/view_embed.jade
@@ -92,7 +92,7 @@ script.
 					li.node-blog-list-item(data-node_id="{{ n._id }}")
 						a.image(href="{{ url_for_node(node=n) }}")
 							| {% if n.picture %}
-							img(src="{{ n.picture.thumbnail('s', api=api) }}")
+							img(src="{{ n.picture.thumbnail('m', api=api) }}")
 							| {% else %}
 							i.pi-chatbubble-working
 							| {% endif %}
@@ -113,7 +113,7 @@ script.
 					li.node-updates-list-item(data-node_id="{{ n._id }}")
 						a.image(href="{{ url_for_node(node=n) }}")
 							| {% if n.picture %}
-							img(src="{{ n.picture.thumbnail('s', api=api) }}")
+							img(src="{{ n.picture.thumbnail('m', api=api) }}")
 							| {% else %}
 							| {% if n.properties.content_type == 'video' %}
 							i.pi-film-thick
@@ -130,9 +130,8 @@ script.
 						.info
 							a.title(href="{{ url_for_node(node=n) }}") {{ n.name }}
 							span.details
-								span.what {% if n.properties.content_type %}{{ n.properties.content_type }}{% else %}{{ n.node_type }}{% endif %} ·
-								span.when  {{ n._updated | pretty_date }} by
-								span.who {{ n.user.full_name }}
+								span.what {% if n.properties.content_type %}{{ n.properties.content_type | undertitle }}{% else %}{{ n.node_type | undertitle }}{% endif %} ·
+								span.when  {{ n._updated | pretty_date }}
 					| {% endif %}
 					| {% endfor %}
 			| {% endif %}