fix feedback

masks/template.html

@@ -1,3 +1,4 @@
+<div id="feedback"></div>
 <div id="header"></div>
 <div id="menu">
 	<a href="#settings" class="button fa fa-gear"></a>

scripts/functions.js

@@ -91,7 +91,7 @@ function getInfo(action, fOnSuccess, vars, fOnError, sType/*, bProcessIcon*/)
 
 function feedback(sClass, sMsg, $Box)
 {
-	$Box = $Box || $('body');
+	$Box = $Box || $('#feedback');
 	sMsg = sMsg || '';
 	var sHeight = 20;
 	$('.feedback').each(function(){sHeight += $(this).outerHeight() + 10;});

style/style.css

@@ -123,6 +123,21 @@ a.button:active {
 	margin:auto;
 }
 
+/* Feedback */
+
+#feedback {
+	position:absolute;
+	width:100%;
+	z-index:1000;
+}
+
+#feedback span.feedback {
+	display:block;
+	margin-bottom:1em;
+	width:calc(100% - 1em);
+	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.6);
+}
+
 /* Header */
 
 #header {