Tune the new job modal

app/templates/main/dashboard.html.j2

@@ -67,12 +67,17 @@
 
 <div id="new-job-modal" class="modal">
   <div class="modal-content">
-    <h4>Job types</h4>
-    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
-    <ul>
-      <li><a href="{{ url_for('services.service', service='merge_images') }}"><i class="material-icons">burst_mode</i>Merge images</a></li>
-      <li><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
-      <li><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
+    <h4>Select a service</h4>
+    <ul class="collection">
+      <a href="{{ url_for('services.service', service='merge_images') }}" class="collection-item">
+        <i class="material-icons left">burst_mode</i>Merge images
+      </a>
+      <a href="{{ url_for('services.service', service='nlp') }}" class="collection-item">
+        <i class="material-icons left">format_textdirection_l_to_r</i>Natural Language Processing
+      </a>
+      <a href="{{ url_for('services.service', service='ocr') }}" class="collection-item">
+        <i class="material-icons left">find_in_page</i>Optical Character Recognition
+      </a>
     </ul>
   </div>
   <div class="modal-footer">
@@ -86,9 +91,5 @@
 
   // Init job list
   var jobList = new JobList("jobs", jobsSubscribers);
-
-  document.addEventListener('DOMContentLoaded', function() {
-    M.Dropdown.init(document.getElementById("new-job"), {"coverTrigger": false});
-  });
 </script>
 {% endblock %}