diff --git a/app/assets/javascripts/popover.coffee b/app/assets/javascripts/popover.coffee
index 067e6ed..375c643 100644
--- a/app/assets/javascripts/popover.coffee
+++ b/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 "
"
$("#large").append "
"
- $("#large").append "
"
+ #$("#large").append "
"
- $("#large").append "
"
+ $("#large").append ""
$(".img_container.first").append "
"
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();
diff --git a/app/assets/stylesheets/popover.scss b/app/assets/stylesheets/popover.scss
index 687901f..fd014e7 100644
--- a/app/assets/stylesheets/popover.scss
+++ b/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;
}
diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss
index 804bbe6..f0cca9a 100644
--- a/app/assets/stylesheets/public.scss
+++ b/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;
}