added improved submitting state and styles to forms

css/forms.css

@@ -1,3 +1,7 @@
+form{
+	transition: all 0.2s;
+}
+
 .form-field{
 	margin-top: 1rem;
 }
@@ -218,15 +222,20 @@ LOADER
 ###########################################################
 */
 
-.form-loader{
-	display: none;
+form.submitting{
+	opacity: 0.7;
+}
+
+form.submitting button:after{
+	content: "";
 	position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background-color: var(--bg-color);						
-    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><path fill="currentColor" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/></path></svg>');
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: inherit;
+	border-radius: 4px;
+	background-image: url('../images/spinner-white.svg');
     background-repeat: no-repeat;
     background-position: center;
 }

js/form.js

@@ -7,10 +7,8 @@
 		    form.submit(function(e) {
 		        e.preventDefault();
 
-			    var loader = $('<div class="form-loader"></div>');
-			    form.append(loader);
+		        form.addClass('submitting');
 			    form.find('button').blur();
-			    loader.fadeTo(500, 0.7);
 
 		        $.ajax({
 		            url: form.attr('action'),
@@ -23,12 +21,12 @@
 		            	$(form)[0].reset();
 		            	console.log('form submission success!');
 		            	notify(message, status);
-		            	loader.fadeOut(500);
+		            	form.removeClass('submitting');
 		            },
 		            error: function() {
 		            	console.log('form submission failed!!!');
 		            	notify('Submission failed. Refresh page and retry.', '#f44336');
-		            	loader.fadeOut(500);
+		            	form.removeClass('submitting');
 		            }
 		        });
 		    });