used proper flex layout, added assignment image

assignments/templates/assignments/DetailView.html

@@ -18,7 +18,7 @@ Name: {{assignment.name}}<br>
 Description: {% if assignment.description != None and assignment.description != '' %}{{ assignment.description }}{% else %}No description provided.{% endif %}<br>
 Perfect score: {{assignment.max_points}}<br>
 Passing score: {{assignment.passing_score}}<br>
-Image: {% if assignment.image != None %}<br>{{assignment.image}}{% else %}No image provided.{% endif %}<br>
+Image: {% if assignment.image != None %}<br><img src="{% get_media_prefix %}{{assignment.image}}" id="assignment-image" alt="Image failed to load.">{% else %}No image provided.{% endif %}<br>
 </span>
 
 {% endblock %}
\ No newline at end of file

assignments/templates/assignments/ListView.html

@@ -2,7 +2,7 @@
 {% load static %}
 
 {% block styles %}
-<link rel="stylesheet" type="text/css" href="{% static 'assignments/css/style.css' %}">
+<link rel="stylesheet" href="{% static 'assignments/css/style.css' %}">
 {% endblock %}
 
 {% block title %}Assignments{% endblock %}
@@ -14,10 +14,10 @@
 {% if all_courses.count == 0 %}
 <p id="no-courses">No courses found.</p>
 {% else %}
-<ul id="table">
-    {% for course in all_courses %}
-    <li>{{course.code}} {{course.title}} {{course.section}}</li>
-    <ul>
+{% for course in all_courses %}
+<ul class="table">
+    <li><strong>{{course.code}} {{course.title}} {{course.section}}</strong></li>
+    <ul class="subtable">
         {% if course.assignment_set.all.count == 0 %}
         <li>No assignments found.</li>
         {% else %}
@@ -26,7 +26,8 @@
         {% endfor %}
         {% endif %}
     </ul>
-    {% endfor %}
 </ul>
+<div class="table-gutter"></div>
+{% endfor %}
 {% endif %}
 {% endblock %}
\ No newline at end of file