Made feedback modals the right color.

app/client/scripts/events.js

@@ -230,7 +230,7 @@ Template.feedback.events({
         if($("#feedback_message").val().length !== 0 && $("#feedback_message").hasClass("invalid") === false){
             Meteor.call("sendFeedback", $("#feedback_message").val());
             $("#feedback_message").val("");
-            $("#modal1").closeModal()
+            $("#createFeedback").closeModal()
         } else{
             var $toastContent = $('<span><strong>Feedback not sent.</strong> Possible reasons include:<ul><li>- Empty Feedback Message</li><li>- Feedback is more than 500 words</li></ul></span>');
             Materialize.toast($toastContent, 8000);

app/client/templates/feedback.html

@@ -3,7 +3,7 @@
     <main>
         <div class="center-align">
         <h3 class="black-text thin">Feedback</h3>
-        <a class="waves-effect waves-light btn modal-trigger feedback-btn" href="#modal1">Send New Feedback</a>
+        <a class="waves-effect waves-light btn modal-trigger feedback-btn" href="#createFeedback">Send New Feedback</a>
         <a id="editModal" class="modal-trigger" href="#editFeedback" style="display:none"></a>
         </div>
 
@@ -37,18 +37,18 @@
             {{/each}}
         </div>
     </main>
-    <div id="modal1" class="modal">
-        <div class="modal-content teal darken-4">
+    <div id="createFeedback" class="modal">
+        <div class="modal-content musare white-text">
             <div class="input-field">
                 <textarea id="feedback_message" class="materialize-textarea validate" length="500"></textarea>
-                <label for="feedback_message">Give us your feedback and suggestions!</label>
+                <label class="white-text" for="feedback_message">Give us your feedback and suggestions!</label>
             </div>
             <a id="feedback_submit" class="waves-effect waves-light btn">Submit</a>
         </div>
     </div>
     <div id="editFeedback" class="modal">
-        <div class="modal-content teal darken-4">
-            <label>Edit Feedback Message</label>
+        <div class="modal-content musare">
+            <label class="white-text">Edit Feedback Message</label>
             <div class="input-field">
                 <textarea id="edit_feedback_message" class="materialize-textarea validate" length="500"></textarea>
             </div>