added css and made minor debug fixes

widget_princessgabi/assignments/templates/assignments/assignments.html

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" href="{% static 'assignments.css' %}">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+{% endblock %}
+
 {% block title %}Widget's Assignments{% endblock %}
-{% block heading %}Welcome to Widget's Assignments{% endblock %}
+{% block header %}Welcome to Widget's Assignments{% endblock %}
+
+{% block body %}
 {% block content %}
-    <ul>
-        {% for assignment in assignments %}
-        <li>
-            <a href="{ assignment.get_absolute_url }"></a>
-        </li>
-        {% endfor %}
-        <a href="{% url 'assignments:assignment-add' %}">
-            <button>New Assignment</button>
-        </a><br>
-    </ul>
-        <a href="{% url 'dashboard:dashboard' %}">Dashboard</a><br>
-        <a href="{% url 'announcements:announcements' %}">Announcements</a><br>
-        <a href="{% url 'forum:forum' %}">Forum</a><br>
-        <a href="{% url 'calendar:calendar' %}">Calendar</a>
+<div class="main">
+    <div class="list">
+        <ol>
+            {% for assignment in assignments %}
+            <a href="{{ assignment.get_absolute_url }}">
+                <li>{{assignment}}</li>
+            </a>
+            {% endfor %}
+        </ol>
+    </div>
+    <a href="{% url 'assignments:assignment-add' %}" class="add-btn"><i class="fa fa-plus"></i> New Assignment</a>
+</div>
+{% endblock %}
+<div class="links">
+    <a href="/dashboard/" class="btn-primary">Dashboard </a>
+    <a href="/announcements/" class="btn-primary"> Announcements </a>
+    <a href="/forum/" class="btn-primary"> Forum </a>
+    <a href="/calendar/" class="btn-primary"> Calendar </a>
+</div>
 {% endblock %}
\ No newline at end of file