suite

app/assets/javascripts/popover.coffee

@@ -14,7 +14,7 @@ $("document").ready ->
      
     margintop = (( $(window).height() - imgheight) / 2 )
    
-    $("#large .large-img").css
+    $("#large .img_container").css
       "margin-top" :(margintop+"px")
       #"width" : "100px"
 
@@ -129,9 +129,9 @@ $("document").ready ->
         
     $("#large").append "<img src='/arrow-next.png' class='next' />"
     $("#large").append "<img src='/arrow-prev.png' class='prev' />"
-    $("#large").append "<img src='/close.png' class='close_link' />"
+    #$("#large").append "<img src='/bouton-croix.png' class='close_link' />"
     
-    $("#large").append "<div class='img_container first'></div>"
+    $("#large").append "<div class='img_container first'><div class='cross_container'><img src='/bouton-croix.png' class='close_link' /></div></div>"
     $(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
     
     if $(this).attr "title"
@@ -151,9 +151,15 @@ $("document").ready ->
     if $(window).width() > (maxwidth+100)
       $("#large .large-img").css
         "max-width" : maxwidth
+      $("#large .cross_container").css
+        "max-width" : maxwidth
     else
       $("#large .large-img").css
         "max-width" : "85%"
+      $("#large .cross_container").css
+        "max-width" : "85%"
+        
+        
     
     position_img();
     

app/assets/stylesheets/popover.scss

@@ -36,11 +36,20 @@
     right:15px;
   }
   
+  
+  .cross_container{
+
+    margin:auto;
+    position:relative;
+
+    
+  }
   .close_link{
     position:absolute;
-    top:10px;
-    left:10px;
+    top:-20px;
+    left:-20px;
     width:40px;
+    cursor:pointer;
     
   }
  

app/assets/stylesheets/public.scss

@@ -47,7 +47,8 @@ $blue :#2dadb1;
   .close_popup{
     position:absolute;
     top:-20px;
-    right:-20px;
+    left:-20px;
+    width:40px;
     cursor:pointer;
     
   }