Asset: style and cleanup listing

Font pillar aliases for asset icons

src/styles/_project.sass

@@ -24,6 +24,7 @@ body.blog
 	flex-direction: row
 	min-height: 300px
 	position: relative
+	overflow-y: auto
 	z-index: $z-index-base
 
 	+media-xs
@@ -216,9 +217,6 @@ ul.project-edit-tools
 						color: $primary
 						text-decoration: none
 
-					i
-						padding-right: 10px
-
 	/* Icons per asset type. */
 	i
 		&.icon-group:after
@@ -520,11 +518,11 @@ section.node-preview
 	align-items: center
 	background-color: black
 	color: $color-text-light-primary
-	display: flex
+	// display: flex
 	justify-content: center
 	max-height: 500px
-	min-height: 200px
-	overflow: hidden
+	// min-height: 200px
+	// overflow: hidden
 
 	iframe
 		width: 100%
@@ -545,6 +543,8 @@ section.node-preview
 
 	&.image
 		cursor: zoom-in
+		display: flex
+		overflow: hidden
 
 	&.video
 		background-color: black
@@ -671,26 +671,16 @@ section.node-details-container
 	+node-details-description
 
 .node-details-meta
-	background-color: $color-background-light
-	border-bottom: thin solid $color-background
-	display: flex
-	flex-direction: column
-	font-weight: lighter
-	padding: 10px 20px
-
 	> ul
 		align-items: center
 		display: flex
-		list-style-type: none
-		margin: 0
-		padding: 0
 
 		> li
 			align-items: baseline
 			color: $color-text-dark-secondary
 			display: flex
-			padding-left: 10px
-			margin-left: 10px
+			padding-left: 5px
+			margin-left: 5px
 
 			&:first-child
 				margin-left: 0
@@ -765,33 +755,19 @@ section.node-details-container
 					color: $color-text-dark
 
 .node-details-license
-	align-items: center
-	border-bottom: thin solid $color-background
-	color: $color-text-dark
-	display: flex
-	padding: 5px 20px
-	font-size: $font-size-sm
-
+	color: $color-text-dark-secondary
 	&:hover
-		color: $color-text-dark
+		color: $primary
 
-	span.type
-		i
-			color: $color-text-dark-primary
-			font-size: 1.2rem
-			margin-left: -5px
-			padding-right: 10px
+	i
+		font-size: 1.2rem
+		margin-left: -15px
 
-			&:after
-				top: 2px
-				left: -22px
-				position: relative
-			&:before
-				top: 2px
-				position: relative
+		&:after
+			left: -22px
+			position: relative
+			top: 1px
 
-		span
-			text-transform: uppercase
 
 section.node-details-container
 	&.storage

src/styles/components/_card.sass

@@ -29,21 +29,11 @@
 	.card-body
 		@extend .px-0
 
-.card-stretch
-	.card-body
-		@extend .d-flex
-		@extend .flex-column
-
-		.card-text
-			@extend .mt-auto
 
 .card-image-fade
-	.card-img-top
-		opacity: .9
-
 	&:hover
 		.card-img-top
-			opacity: 1
+			opacity: .9
 
 
 .card.asset
@@ -71,14 +61,22 @@
 		background-size: cover
 		background-position: center
 
+
 	.progress
 		height: 4px
 		position: absolute
 		top: -4px
 		width: 100%
 
-	&.group
+.card-img-top
+	&.card-icon
+		display: flex
+		align-items: center
+		justify-content: center
+		font-size: 2em
 
+		i
+			opacity: .2
 
 .card-label
 	background-color: rgba($black, .5)

src/styles/font-pillar.sass

@@ -39,12 +39,10 @@ $pillar-font-path: "../font" !default
     display: inline-block
     text-decoration: inherit
     width: 1em
-    margin-right: .2em
     text-align: center
     font-variant: normal
     text-transform: none
     line-height: 1em
-    margin-left: .2em
     -webkit-font-smoothing: antialiased
     -moz-osx-font-smoothing: grayscale
     position: relative
@@ -55,10 +53,28 @@ $pillar-font-path: "../font" !default
 .pi-svnman:before
   content: '\f1c0'
 
+/* Assets */
+.pi-group
+  @extend .pi-folder
+.pi-video
+  @extend .pi-film-thick
+.pi-file
+  @extend .pi-file-archive
+.pi-asset
+  @extend .pi-file-archive
+.pi-group_texture
+  @extend .pi-folder-texture
+.pi-post
+  @extend .pi-newspaper
+.pi-page
+  @extend .pi-document
+
+/* License */
 .pi-license-cc-zero:before
   content: '\e85a'
 .pi-license-cc-sa:before
   content: '\e858'
+  top: 1px
 .pi-license-cc-nd:before
   content: '\e859'
 .pi-license-cc-nc:before