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) }} +
+