From 8dec0a3119d0b57ab5cb4e86656fe6ceb5bf6d54 Mon Sep 17 00:00:00 2001
From: Victor Dubiniuk <victor.dubiniuk@gmail.com>
Date: Wed, 13 Nov 2013 19:50:29 +0300
Subject: [PATCH] Fix first row items misposition

---
 css/style.css           | 18 ++++++------------
 js/documents.js         |  5 +++++
 templates/documents.php |  5 ++---
 3 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/css/style.css b/css/style.css
index b33e9b67..c9c73b1d 100755
--- a/css/style.css
+++ b/css/style.css
@@ -11,15 +11,19 @@
 
 .documentslist { padding:5px; }
 
+.documentslist .document, 
+.documentslist .progress,
 .documentslist .add-document{
 	display: inline-block;
 	height: 200px;
 	width: 200px;
+	float: left;
 	background-color: #e8e8e8;
-	margin: 1em;
+	margin: 14px;
 	vertical-align: top;
 	border-radius: 5px;
 }
+
 .add-document a {
 	display: inline-block;
 	position: relative;
@@ -58,19 +62,9 @@
 	text-align: center;
 }
 
-.documentslist .document, .documentslist .progress {
-	display: inline-block;
-	height: 200px;
-	width: 200px;
-	background-color: #e8e8e8;
-	margin: 1em;
-	vertical-align: top;
-	border-radius: 5px;
-}
-
-
 .documentslist .progress{
 	position:absolute;
+	left:232px;
 	z-index:5;
 	background: #e8e8e8 url('%webroot%/core/img/loading.gif') 50% 50% no-repeat;
 }
diff --git a/js/documents.js b/js/documents.js
index cdda91d6..923d75cd 100644
--- a/js/documents.js
+++ b/js/documents.js
@@ -209,6 +209,11 @@ var documentsMain = {
 			
 	onCreate: function(event){
 		event.preventDefault();
+		var docElem = $('.documentslist .template').clone();
+		docElem.removeClass('template');
+		docElem.addClass('document');
+		docElem.insertAfter('.documentslist .template');
+		docElem.show();
 		$.post(
 			OC.Router.generate('documents_documents_create'),
 			{},
diff --git a/templates/documents.php b/templates/documents.php
index 7c2f69e1..f23eeabd 100755
--- a/templates/documents.php
+++ b/templates/documents.php
@@ -3,7 +3,7 @@
 		<li class="add-document">
 			<a class="add svg" target="_blank" href="">
 				<label><?php p('New document') ?></label>
-			</a>
+			</a> 
 			<div id="upload" title="<?php p($l->t('Upload') . ' max. '.$_['uploadMaxHumanFilesize']) ?>">
 				<form data-upload-id="1"
 					  id="data-upload-form"
@@ -28,8 +28,7 @@
 				</form>
 			</div>
 		</li>
-		<li class="progress">
-		</li>
+		<li class="progress">&nbsp;</li>
 		<li class="document template" data-id="" style="display:none;">
 			<a target="_blank" href=""><label></label></a>
 		</li>