edited calendar template

widget_princessgabi/widget_calendar/templates/widget_calendar/calendar.html

 {%extends 'base.html'%}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" href="{% static 'calendar.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 Calendar of Activties {% endblock %}
 {% block header %}
@@ -7,16 +12,20 @@
 
 {% block body %}
 {% block content %}
-<ul>
-    {% for event in events %}
-    <a href="{{ event.get_absolute_url }}">
-        <li>{{ event }}</li>
-    </a>
-    {% endfor %}
-</ul>
-{% endblock %}
-<div class="calendar-links">
-    <a href="events/add" class="btn-primary">New Activity</a>
+<div class="main">
+    <div class="list">
+        <ol>
+            {% for event in events %}
+            <a href="{{ event.get_absolute_url }}">
+                <li>{{ event }}</li>
+            </a>
+            {% endfor %}
+        </ol>
+        {% endblock %}
+    </div>
+    <a href="events/add" class="add-btn"><i class="fa fa-plus"></i> New Activity</a>
+</div>
+<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>