[#118543823] Styles dashboard and code clean up

public/js/script.js

@@ -66,21 +66,44 @@ $(function () {
 
   // GET STARTED button function
   $('#get-started').on('click', function() {
-    document.getElementById('o').innerHTML = "<h4 id='register'>Enter Attendee: </h4> " +
-    "<form class='col s12'> <div class='row'> <div class='input-field col s6'>  " +
-    " <input type='text' id='attendee'>  <label for='attendee'> Attendee" +
-    "</label> <a id='post-button' class='waves-effect waves-light btn #880e4f pink darken-4'>Add</a>" +
-    "</div> " +
-    "<div class='row'> <div class='col s6'>" +
-      "<input type='text' id='email'>  <label for='email'> Email" +
-    "</div> </div>" +
-    "</div> </form> <a id='get-button' class='waves-effect waves-light btn #880e4f pink darken-4 col s2 offset-s8'>View all</a><hr>" +
-    "<div class='row'><table class='striped col s10 offset-s1' id='list'> " +
-    "<thead><tr><th>Name</th><th>Email</th><th>Venue</th><th>Day</th>" +
-    "</tr></thead><tbody><tr><td class='name'>Gertrude</td><td>[email protected]</td><td>Andela</td><td>Saturday</td><td>" +
-    "<i class='material-icons delete'>delete</i></td></tr></tbody></table></div>";
-
+    document.getElementById('o').innerHTML = "<h4 id='register'>Register Attendee: </h4> " +
+    "<form class='col s12'> " +
+      "<div class='row'> " +
+        "<div class='input-field col s6'>  " +
+          "<input type='text' id='attendee'> " +
+          "<label for='attendee'> Attendee </label>" +
+        "</div> " +
+      "</div>" +
+      "<div class='row'> " +
+        "<div class='input-field col s6'>  " +
+          "<input type='email' id='email'> " +
+          "<label for='email'> Email </label>" +
+          "<a id='post-button' class='waves-effect waves-light btn #880e4f pink darken-4'>Add</a>" +
+        "</div> " +
+      "</div>" +
+    "</form> " +
+    "<a id='get-button' class='waves-effect waves-light btn #880e4f pink darken-4 col s2 offset-s8'>View all</a><hr>" +
+    "<div class='row'> " +
+      "<table class='striped col s10 offset-s1' id='list'> " +
+        "<thead> " +
+          "<tr> " +
+            "<th>Name</th> " +
+            "<th>Email</th> " +
+            "<th>Venue</th> " +
+            "<th>Day</th>" +
+          "</tr> " +
+        "</thead> " +
+          "<tbody> " +
+            "<tr> " +
+              "<td class='name'>Gertrude</td> " +
+              "<td>[email protected]</td>" +
+              "<td>Andela</td>" +
+              "<td>Saturday</td> " +
+              "<td><i class='material-icons delete'>delete</i></td> " +
+            "</tr> " +
+          "</tbody> " +
+        "</table> " +
+      "</div>";
     $('#get-started').text('');
-    // this.id = "go-back";
   });
 });