diff --git a/frontend/src/views/Dashboard.vue b/frontend/src/views/Dashboard.vue
index bdc8595..408ee58 100644
--- a/frontend/src/views/Dashboard.vue
+++ b/frontend/src/views/Dashboard.vue
@@ -166,7 +166,7 @@
-
{{ log.action }}
+
{{ formatEventType(log.action) }}
{{ log.user_name }} ({{ log.user_email }})
{{ formatDateTime(log.created_at) }}
@@ -284,6 +284,12 @@ const formatDateTime = (dateString: string): string => {
return formatDateTimeUtil(dateString, userTimezone.value)
}
+// Format event type from snake_case to Title Case
+const formatEventType = (event: string): string => {
+ return event.replace(/_/g, ' ')
+ .replace(/\b\w/g, c => c.toUpperCase())
+}
+
// Load dashboard data
const loadDashboard = async () => {
loading.value = true
diff --git a/frontend/src/views/SpaceDetail.vue b/frontend/src/views/SpaceDetail.vue
index 89225f3..8dc7540 100644
--- a/frontend/src/views/SpaceDetail.vue
+++ b/frontend/src/views/SpaceDetail.vue
@@ -412,5 +412,32 @@ onMounted(() => {
.header-info h1 {
font-size: 24px;
}
+
+ :deep(.fc .fc-toolbar) {
+ flex-direction: column;
+ gap: 8px;
+ align-items: stretch !important;
+ }
+
+ :deep(.fc .fc-toolbar-chunk) {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ }
+
+ :deep(.fc .fc-toolbar-title) {
+ font-size: 1.2em;
+ margin: 0;
+ }
+
+ :deep(.fc .fc-button) {
+ padding: 6px 10px;
+ font-size: 0.85em;
+ }
+
+ :deep(.fc .fc-col-header-cell) {
+ font-size: 0.75em;
+ padding: 4px 2px;
+ }
}
diff --git a/frontend/src/views/Spaces.vue b/frontend/src/views/Spaces.vue
index 4908645..5536a8c 100644
--- a/frontend/src/views/Spaces.vue
+++ b/frontend/src/views/Spaces.vue
@@ -75,11 +75,13 @@
Capacity:
{{ space.capacity }} {{ space.capacity === 1 ? 'person' : 'people' }}
-
-
- {{ truncateDescription(space.description) }}
-
+
+
+ Location:
+ {{ truncateDescription(space.description) }}
+
+