edited event 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 %}
 

widget_princessgabi/widget_calendar/templates/widget_calendar/event-details.html

-{%extends 'base.html'%}
+{% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'widget_calendar/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 %}{{ object }}{% endblock %}
 
@@ -9,14 +15,14 @@
 {% block body %}
 <div class="event-content">
     {% block content %}
-    <h4>Date and Time: {{ object.target_datetime|date:'m/d/Y' }} {{ object.target_datetime|date:'h:i A' }} </h4>
-    <h4>Estimated Hours: {{ object.estimated_hours }}</h4>
-    <h4>{{ object.course.code }} {{ object.course.title }} - {{ object.course.section }}</h4>
-    <h4>Mode: {{ object.location.mode }}</h4>
-    <h4>Venue: {{ object.location.venue }}</h4>
+    <div class="details">
+        <h4>Date and Time: {{ object.target_datetime|date:'m/d/Y' }} {{ object.target_datetime|date:'h:i A' }} </h4>
+        <h4>Estimated Hours: {{ object.estimated_hours }}</h4>
+        <h4>{{ object.course.code }} {{ object.course.title }} - {{ object.course.section }}</h4>
+        <h4>Mode: {{ object.location.mode }}</h4>
+        <h4>Venue: {{ object.location.venue }}</h4>
+    </div>
     {% endblock %}
-</div>
-<div class="links">
-    <a href="{{object.get_absolute_url}}../edit" class="btn-primary">Edit Activity</a>
+    <a href="{{object.get_absolute_url}}../edit" class="edit-btn"><i class="fa fa-edit"></i> Edit Activity</a>
 </div>
 {% endblock %}
\ No newline at end of file