Added chat-send button

public/css/style.css

@@ -1082,6 +1082,10 @@ hide mdi-action-visibility mdi-action-visibility-off
   overflow: hidden;
 }
 
+.btn.white{
+  color:black;
+}
+
 .playlist-tabs .indicator, .tabs .indicator{
   /*width:50%;*/
   bottom: 0px;
@@ -1188,8 +1192,18 @@ hide mdi-action-visibility mdi-action-visibility-off
 }
 
 #text-chat-input{
-  width:95%;
+  /*width:95%;*/
   color:white;
+  border:none;
+}
+
+#text-chat-input:focus{
+  box-shadow: none;
+}
+
+#chat_submit{
+  margin-top: 4px;
+  margin-left: 4%;
 }
 
 .indicator {
@@ -1236,6 +1250,9 @@ ul #chat-log{
 
 #chat-input{
     /*background-color: rgba(0,0,0,0.1);*/
+    border-top: 1px solid grey;
+    border-bottom: 1px solid grey;
+    height: 46px;
 }
 
 #search_loader {

public/js/listeners.js

@@ -658,6 +658,11 @@ $(document).on("mouseenter", ".card.sticky-action", function(e){
     }, 50);
 });
 
+$(document).on("click", "#chat_submit", function(e){
+	e.preventDefault();
+	$("#chatForm").submit();
+})
+
 $(document).on("mouseleave", ".card.sticky-action", function(e){
     var that = this;
     $(that).find(".card-reveal").attr("style", "display: block;transform: translateY(0%);");

public/php/channel.php

@@ -260,9 +260,10 @@
                             </li>
                         </ul>
                     </li>
-                    <li id="chat-input">
+                    <li id="chat-input" class="row">
                       <form action="#" id="chatForm">
-                        <input id="text-chat-input" name="input" type="text" autocomplete="off" placeholder="Chat" maxlength="150" />
+                        <input id="text-chat-input" class="col s9" name="input" type="text" autocomplete="off" placeholder="Chat" maxlength="150" />
+                        <a href="#" id="chat_submit" class="btn col s2 white"><i class="material-icons">send</i></a>
                       </form>
                     </li>
                 </ul>