Changed stying of assignment page

assignments/static/assignments/css/style.css

@@ -18,6 +18,7 @@
 
 .subtable {
     flex-wrap:wrap;
+    align-items: center;
 }
 
 .subtable>* {
@@ -39,4 +40,20 @@
 
 #assignment-image {
     max-width:25em;
+}
+
+.assignment-name {
+    color: white;
+    text-decoration: none;
+}
+
+.table-links {
+    text-decoration: none;
+    transition: .2s ease-in-out;
+}
+
+.table-links:hover {
+    background-color: #9b00f5;
+    font-size: 25px;
+    font-weight: 700;
 }
\ No newline at end of file

assignments/templates/assignments/ListView.html

@@ -22,7 +22,7 @@
         <li>No assignments found.</li>
         {% else %}
         {% for assignment in course.assignment_set.all %}
-        <a href='{{request.path}}{{assignment.pk}}/details'><li>{{assignment.name}}</li></a>
+        <a class="table-links" href='{{request.path}}{{assignment.pk}}/details'><li class="assignment-name">{{assignment.name}}</li></a>
         {% endfor %}
         {% endif %}
     </ul>