amélioration topic

app/assets/javascripts/note_files/note_files.js

@@ -44,8 +44,8 @@ function init_note_upload_fields(note_id){
 
 $(document).ready(function () {
 
-	$(".note .add_file").live("click",function(){
+	$(".note .add_files").live("click",function(){
-		
+		alert('test');
 		$(this).next('input').click();
 		return false;
 	});

app/assets/stylesheets/topics.css.scss

@@ -109,15 +109,18 @@
 			@include border-radius(0px 0px 3px 0px);
 			@include box-shadow(0px 0px 2px rgba(0,0,0,0.3),-1px -1px 5px rgba(0,0,0,0.2) inset);
 			padding:10px;
-			min-height:1em;
+			padding-top:2px;
+			
+			min-height:75px;
 		
 			.note_file{
 				margin:8px 0px;
-				
-				.icon{
-				height:20px;
 				position:relative;
-				top:4px;
+				top:-4px;
+				.icon{
+				height:28px;
+				position:relative;
+				top:8px;
 				}
 			}
 		
@@ -136,23 +139,25 @@
 			}
 			.fileupload{
 				
-				.add_file{
+			.upload{
-					background:black;
-					color:white;
-					padding:5px 10px;
-					position:absolute;
-					right:10px;
-					top:5px;
-				}
-				
-				.progress{
 				position:absolute;
 				right:10px;
-				top:30px;
+				top:10px;
+				z-index:1000;
+				
+					.add_files{
+						background:black;
+						color:white;
+						padding:5px 10px;
+					
+					}
+				
+					.progress{
 						
 			
+				
+					}
 				}
-				
 				input[type=file]{
 					display:none;
 			

app/views/note_files/_form.html.haml

@@ -1,13 +1,13 @@
 %form.fileupload{:action => note_files_path(:note_id => note.id), :enctype => "multipart/form-data", :method => "POST"}
 	
+	.upload
+		%button.add_files ajouter des fichiers
 	
-	%button.add_file ajouter des fichiers
+		%input{:multiple => "", :name => "files[]", :type => "file", :style => "float:right;"}
-	
-	%input{:multiple => "", :name => "files[]", :type => "file", :style => "float:right;"}
 
 	
-	.progress
+		.progress
-		.bar{:style => "height:1em;"}
+			.bar{:style => "height:1em;"}
 	
 
 .note_file_queue#note_file_queue

app/views/note_files/_note_file.html.haml

@@ -1,6 +1,6 @@
 .note_file#note_file{:id => note_file.id}
 	-ext = File.extname(note_file.file.path)[1..-1]
-	=image_tag "admin/file_types/"+ext+".png", :class => "icon"
+	%div{:style => "display:inline-block;text-align:center;width:30px;"}=image_tag "admin/file_types/"+ext+".png", :class => "icon"
 	=l note_file.created_at, :format => :short
 	=note_file.name
 	=link_to "supprimer", note_file_path(note_file), :remote => true, :method => :delete, :confirm => "Voulez-vous vraiment supprimer ce fichier ?"