add some styling

templates/index.html

@@ -1,19 +1,18 @@
 {% extends 'base.html' %}
 
 {% block content %}
-    <span class="title"><h1>{% block title %} Events {% endblock %}</h1></span>
-    <div class="content">
+    <span><h1>{% block title %} Events {% endblock %}</h1></span>
+    <div>
         {% for event in events %}
-            <div class="event">
-                <p><b>Period {{ event.period_num }}</b></p>
+            <div>
+                {% set convertedTime = datetime.strptime(event.period.periodTime, "%H:%M:%S") %}
+                <p><b>Period {{ event.period_num }}</b> <br> Time: {{ convertedTime.strftime("%I:%M %p") }} </p>
                 <b>
-                    <p class="title">
                         <a href="/task/{{ event.tasks.id }}">
                             {{ event.tasks.title }}
                         </a>
-                    </p>
                 </b>
-                <div class="content">
+                <div>
                     <p>{{ event.tasks.description }}</p>
                 </div>
                 <hr>