From fb45915688f2af36a39e1726f5eeddf8d4504078 Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Fri, 3 Jun 2016 13:43:12 +0100
Subject: [PATCH] documents list re-styled

---
 app/app/styles/view/page-documents.scss       | 32 ++++++++++++++++---
 .../components/folder/documents-list.hbs      |  2 +-
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/app/app/styles/view/page-documents.scss b/app/app/styles/view/page-documents.scss
index 6c3e37bc..60f57640 100644
--- a/app/app/styles/view/page-documents.scss
+++ b/app/app/styles/view/page-documents.scss
@@ -48,15 +48,27 @@
 }
 
 .documents-list {
-	@extend .cards-list;
+	// @extend .cards-list;
 	margin-top: 35px;
 
-	> .document-card {
-		@extend .stacked-card;
-		margin: 0 0 12px 0;
+	> .document {
+		margin: 10px 10px;
+		padding: 10px 20px;
 		width: 100%;
+		position: relative;
+		border: 1px solid transparent;
 
 		&:hover {
+			> .link {
+				> .title {
+					color: $color-link;
+				}
+				
+				> .snippet {
+					color: $color-off-black;
+				}
+			}
+			
 			> .checkbox {
 				display: block;
 			}
@@ -86,10 +98,22 @@
 				text-decoration: none;
 				color: $color-off-black;
 			}
+			
+			> .title {
+				font-size: 16px;
+				font-weight: bold;
+				margin-bottom: 8px;
+			}
+			
+			> .snippet {
+				color: $color-gray;
+				font-size: 13px;
+			}
 
 			> .tags {
 				font-size: 0.8rem;
 				color: $color-gray;
+				margin-top: 8px;
 
 				.tag {
 					background-color: $color-off-white;
diff --git a/app/app/templates/components/folder/documents-list.hbs b/app/app/templates/components/folder/documents-list.hbs
index 88ce3245..8daf9375 100644
--- a/app/app/templates/components/folder/documents-list.hbs
+++ b/app/app/templates/components/folder/documents-list.hbs
@@ -1,6 +1,6 @@
 <ul class="documents-list">
 	{{#each documents key="id" as |document|}}
-		<li class="document-card {{if document.selected "selected-card"}}">
+		<li class="document {{if document.selected "selected-card"}}">
 			{{#link-to 'document.index' folder.id folder.slug document.id document.slug class="link"}}
 				<div class="title">{{ document.name }}</div>
 				<div class="snippet">{{ document.excerpt }}</div>