convert preview to list

appinfo/app.php

@@ -21,7 +21,7 @@
  * 
  */
 
-OCP\Util::addStyle( 'office', 'style');
+//OCP\Util::addStyle( 'office', 'style');
 
 OCP\App::register(array('order' => 70, 'id' => 'office', 'name' => 'Office'));
 OCP\App::registerAdmin('office', 'settings');

css/style.css

@@ -1,13 +1,15 @@
 #emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; }
 
-.documentslist { padding:5px; width:100%;}
+.documentslist { padding:5px; }
 .documentslist li{
-	float:left;
-	margin:40px;
+	margin:4px;
 }
-.documentslist li img{
-	width:256px;
-	height:256px;
+.documentslist li img {
+	width:32px;
+	height:32px;
+}
+.documentslist li .document-info {
+	display: inline;
 }
 
 #office-content{

templates/documents.php

@@ -10,7 +10,7 @@
 	<div id="emptyfolder"><?php p('No documents are found. Please upload a document!');?></div>	
 <?php } else { ?>
 	<div id="editor-content">
-	<ul class="documentslist" style="overflow:hidden">
+	<ul class="documentslist">
 		<li>
 			<img class="svg" src="<?php p(\OCP\Util::imagePath('core','actions/add.svg')) ?>" />
 		</li>