Adding some UI improvements in the multiple upload feature see #3349

main/document/upload.php

@@ -287,15 +287,15 @@ echo '<style>
 </style>';
 $url = api_get_path(WEB_AJAX_PATH).'document.ajax.php';
 $multiple_form =  get_lang('ClickToSelectOrDragAndDropMultipleFilesOnTheUploadField').'<br />';
-$multiple_form .=  '<form id="file_upload" action="'.$url.'" method="POST" enctype="multipart/form-data">
+$multiple_form .=  '<center><form id="file_upload" action="'.$url.'" method="POST" enctype="multipart/form-data">
     <input type="hidden" name="curdirpath" value="'.$path.'" />    
     <input type="file" name="file" multiple>
     <button>Upload</button>
     <div>'.get_lang('UploadFiles').'</div>
-</form>';
+</center></form>';
 $multiple_form  .='<table class="files"></table>';
-$headers = array(get_lang('Simple') , get_lang('Multiple'));
-echo Display::tabs($headers, array($simple_form, $multiple_form ),'tabs');
+$headers = array(get_lang('Multiple') , get_lang('Simple'));
+echo Display::tabs($headers, array($multiple_form, $simple_form ),'tabs');
 
 // Footer
 Display::display_footer();

main/inc/lib/javascript/jquery-upload/jquery.fileupload-ui.css

@@ -9,29 +9,29 @@
 	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	border-radius: 10px;
-	width: 350px;
-	height: 30px;
-	line-height: 30px;
+	width: 500px;
+	height: 50px;
+	line-height: 50px;
 	background: palegreen;
 	border: 1px solid limegreen;
+	font-size:120%;
 }
 
 .file_upload_small {
-	width: 350px;
-	height: 30px;
-	line-height: 30px;
+	width: 500px;
+	height: 50px;
+	line-height: 50px;
 	font-size: auto;
 	background: palegreen;
 	border: 1px solid limegreen;
 }
 
 .file_upload_large {
-	width: 100%;
+	/*width: 100%;
 	height: 150px;
-	line-height: 150px;
-	font-size: 20px;
+	line-height: 150px;	
 	background: palegreen;
-	border: 1px solid limegreen;
+	border: 1px solid limegreen;*/
 }
 
 .file_upload_highlight {