Make preview bigger

css/style.css

@@ -27,7 +27,6 @@
 	background-position: 50%;
 }
 
-
 .add-document a.add {
 	border-bottom: 1px solid #fff;
 }
@@ -79,12 +78,15 @@
 	height: 200px;
 	width: 200px;
 	background-repeat: no-repeat;
-	background-size: 64px;
+	background-size: 200px;
-	background-position: 68px;
+	border: 1px solid grey;
 }
 .document label {
+	background: lightgray;
+	border-bottom: 1px solid grey;
+	opacity: 0.6;
 	position: absolute;
-	bottom: 5px;
+	bottom: 0px;
 	width: 100%;
 	font-weight: normal;
 	text-overflow: ellipsis;

js/documents.js

@@ -614,7 +614,7 @@ var documentsMain = {
 			a.attr('href', OC.generateUrl('apps/files/download{file}',{file:document.path}));
 			a.find('label').text(document.name);
 			a.css('background-image', 'url("'+document.icon+'")');
-			Files.lazyLoadPreview(document.path, document.mimetype, function(node){ return function(path){node.css('background-image', 'url("'+ path +'")');}; }(a),  32, 40, document.etag, document.icon);
+			Files.lazyLoadPreview(document.path, document.mimetype, function(node){ return function(path){node.css('background-image', 'url("'+ path +'")');}; }(a),  200, 200, document.etag, document.icon);
 //function(path, mime, ready, width, height, etag) {
 			$('.documentslist').append(docElem);
 			docElem.show();