Improved Loading mask

Removed modal and moved mask to bottom-left.
Fixes #50 and #20

app/ux/WebView.js

@@ -76,7 +76,9 @@ Ext.define('Rambox.ux.WebView',{
 		// Show and hide spinner when is loading
 		webview.addEventListener("did-start-loading", function() {
 			console.info('Start loading...', me.src);
-			me.mask('Loading...');
+			me.mask('Loading...', 'bottomMask');
+			// Manually remove modal from mask
+			Ext.cq1('#'+me.id).el.dom.getElementsByClassName('bottomMask')[0].parentElement.className = '';
 		});
 		webview.addEventListener("did-stop-loading", function() {
 			me.unmask();

packages/local/rambox-default-theme/sass/src/LoadMask.scss

@@ -0,0 +1,14 @@
+.bottomMask {
+	bottom: 0;
+	height: 32px;
+	position: fixed;
+	top: auto !important;
+	left: 0 !important;
+	width: 120px;
+	.x-mask-msg-text {
+		padding: 0 0 0 24px;
+		background-image: url(images/loadmask/loading.gif);
+		background-repeat: no-repeat;
+		background-position: 0 0;
+	}
+}