Refactor: Use sections to have nicer spacing

app/templates/pages/projects.html

@@ -5,21 +5,21 @@
     <div class="w3-content">
         <div class="w3-container">
             <h1 class="w3-center w3-text-teal">Your current project proposals</h1>
-            <div>
+            <section class="w3-section">
                 <ul class="w3-ul">
                     {% for project in projects %}
                         <li class="w3-display-container">
                             {{ project.title }}
                             <div class="w3-display-right">
                                 <span class="w3-button w3-hover-teal">Edit</span>
-                                <a href="{{ url_for("staff.delete_project", project_id=project.id) }}" class="w3-button w3-hover-teal">Delete</a>
+                                <a href="{{ url_for("staff.delete_project", project_id=project.id) }}"
+                                   class="w3-button w3-hover-red">Delete</a>
                             </div>
                         </li>
                     {% endfor %}
                 </ul>
             </section>
             <section class="w3-section">
-
                 <a href="#" class="w3-btn w3-teal">Add new proposal</a>
             </section>
         </div>