diff --git a/templates/base.html b/templates/base.html
index 044e739..8d8a1a4 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -36,6 +36,11 @@
       }
     </style>
 
+    <style>
+      .left_text {
+        text-align: left;
+      }
+    </style>
 
     {% block style %}
     {% endblock %}
diff --git a/templates/camera_events_partial.html b/templates/camera_events_partial.html
index 8e1b835..70585cd 100644
--- a/templates/camera_events_partial.html
+++ b/templates/camera_events_partial.html
@@ -1,15 +1,26 @@
 <h3>List of Events <i class="bi bi-calendar-event"></i></h3>
 <h5>{{ template_values['camera'].name }}</h5>
-<ul>
-    {% if template_values['events'] %}
-        {% for event in template_values['events'] %}
-            <li>
-                {{ event['data'][0]['newStatus']['connectionStatus'] }} 
-                <br> <small>{{ event['endTimestamp'] }}</small>
-                <br> <small>{{ event['startTimestamp'] }}</small>
-            </li>
-        {% endfor %}
-    {% else %}
-        <li>No events in the last six hours</li>
-    {% endif %}
-</ul>
\ No newline at end of file
+{% if template_values['events'] %}
+    {% for event in template_values['events'] %}
+        <div class="row">
+            <div class="col-2 left_text">
+                <small>Status:</small>
+            </div>
+            <div class="col-9  offset-1 left_text">
+                <b>{{ event['data'][0]['newStatus']['connectionStatus'] }}</b>
+            </div>
+            <div class="col-2 left_text">
+                <small>End:</small>
+            </div>
+            <div class="col-9  offset-1 left_text">
+                {{ event['endTimestamp'] }}
+            </div>
+            <div class="col-2 left_text">
+                <small>Start:</small>
+            </div>
+            <div class="col-9  offset-1 left_text">
+                {{ event['startTimestamp'] }}
+            </div>
+        </div>
+    {% endfor %}
+{% endif %}
\ No newline at end of file
diff --git a/templates/cameras_partial.html b/templates/cameras_partial.html
index 58c7ee7..c77f3d5 100644
--- a/templates/cameras_partial.html
+++ b/templates/cameras_partial.html
@@ -5,11 +5,11 @@
 {% for camera in template_values['cameras'] %}
     {% if camera.is_online() %}
         <div class="row">
-            <div class="col-8">
+            <div class="col-7 offset-1 left_text">
                 {{ camera.name }}
             </div>
             <div class="col-4">
-                 <a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail"><i class="bi bi-card-image" title="click to load preview image"></i></a>
+                <a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail"><i class="bi bi-card-image" title="click to load preview image"></i></a>
                 <a href="/camera/{{ camera.id }}/event" hx-get="/camera/{{ camera.id }}/events" hx-trigger="click" hx-target="#camera_status_events"><i class="bi bi-calendar-event" title="click to load events list"></i></a>
                 <a href="/camera/{{ camera.id }}/status_plot" hx-get="/camera/{{ camera.id }}/status_plot" hx-trigger="click" hx-target="#camera_status_plot"><i class="bi bi-bar-chart" title="click to generate graph of events"></i></a>
             </div>
@@ -21,7 +21,7 @@
 {% for camera in template_values['cameras'] %}
     {% if camera.is_offline() %}
         <div class="row">
-            <div class="col-8">
+            <div class="col-7 offset-1 left_text">
                 {{ camera.name }}
             </div>
             <div class="col-4">