Buttons more matching throughout the site

server/public/assets/css/style.css

@@ -924,7 +924,7 @@ hide mdi-action-visibility mdi-action-visibility-off
 }
 
 
-.listen-button, .contact-button-submit{
+/*.listen-button, .contact-button-submit{
     background: none;
     border: none;
     background-size: auto;
@@ -980,6 +980,12 @@ hide mdi-action-visibility mdi-action-visibility-off
   border-bottom:1px solid #2D2D2D;
   border-radius: 2px;
   text-shadow:rgba(0,0,0,0) 0px 0px 0px;
+}*/
+
+.listen-button {
+  background: #2d2d2d !important;
+  display: flex;
+  justify-content: center;
 }
 
 .cursor-pointer{

server/public/assets/js/helpers.js

@@ -244,16 +244,6 @@ var Helper = {
 
 };
 
-$(document).on('submit', '#contact-form', function(e){
-	e.preventDefault();
-
-	var message = $("#contact-form-message").val();
-	var from    = $("#contact-form-from").val();
-
-	Helper.send_mail(from, message);
-});
-
-
 Element.prototype.remove = function() {
 	this.parentElement.removeChild(this);
 };

server/public/assets/js/listeners.js

@@ -1570,6 +1570,20 @@ $(document).on( "click", ".result-object", function(e){
 	}
 });
 
+$(document).on('click', '#submit-contact-form', function(e) {
+	e.preventDefault();
+	$("#contact-form").submit();
+});
+
+$(document).on('submit', '#contact-form', function(e){
+	e.preventDefault();
+	var message = $("#contact-form-message").val();
+	var from    = $("#contact-form-from").val();
+
+	Helper.send_mail(from, message);
+});
+
+
 $(document).on( "click", "#add-many", function(e){
 	var id 		= $(this).attr("data-video-id");
 	var title 	= $(this).attr("data-video-title");

server/public/layouts/frontpage.handlebars

@@ -84,7 +84,7 @@
                           spellcheck="false"
                           maxlength="18"
                       />
-                    <button class="listen-button col s2">Listen</button>
+                    <button class="listen-button btn waves-effect waves-light white-text col s2">Listen</button>
                   </div>
             </form>
             <div class="pitch outline">

server/public/layouts/main.handlebars

@@ -73,7 +73,6 @@
                             <input id="contact-form-message" name="message" type="text" autocomplete="off">
                             <label for="contact-form-message" class="noselect">Message</label>
                           </div>
-                            <button class="contact-button-submit" id="submit-contact-form">Send</button>
                             <div class="valign hide" id="send-loader">
                                  <div class="preloader-wrapper small active">
                                   <div class="spinner-layer spinner-blue">
@@ -121,7 +120,8 @@
                     </div>
                 </div>
                 <div class="modal-footer">
-                    <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Close</a>
+                  <button class="waves-effect waves-green btn-flat" id="submit-contact-form">Send</button>
+                    <a href="#!" class=" modal-action modal-close waves-effect waves-red btn-flat">Close</a>
                 </div>
             </div>
     <footer class="page-footer cursor-default">