fix shadow size and arrow position

core/css/styles.css

@@ -814,7 +814,7 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;}
 .popup {
 	background-color: #fff;
 	border-radius: 3px;
-	box-shadow: 0 0 20px #aaa;
+	box-shadow: 0 0 10px #aaa;
 	color: #333;
 	padding: 10px;
 	position: fixed !important;
@@ -826,7 +826,7 @@ span.ui-icon {float: left; margin: 3px 7px 30px 0;}
 .popup h2 { font-weight:bold; font-size:1.2em; }
 .arrow { border-bottom:10px solid white; border-left:10px solid transparent; border-right:10px solid transparent; display:block; height:0; position:absolute; width:0; z-index:201; }
 .arrow.left { left:-13px; bottom:1.2em; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg); }
-.arrow.up { top:-8px; right:2em; }
+.arrow.up { top:-8px; right:6px; }
 .arrow.down { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
 .help-includes {
 	overflow: hidden;