aboutsummaryrefslogtreecommitdiffstats
path: root/pages/agenda.vue
diff options
context:
space:
mode:
Diffstat (limited to 'pages/agenda.vue')
-rw-r--r--pages/agenda.vue16
1 files changed, 5 insertions, 11 deletions
diff --git a/pages/agenda.vue b/pages/agenda.vue
index 97fdbad..7ef5f44 100644
--- a/pages/agenda.vue
+++ b/pages/agenda.vue
@@ -82,32 +82,26 @@ function deleteCalendar() {
<template v-else-if="favouriteEvents.length > 0">
<div class="page">
- <Panel>
- <h2 class="agenda-title">Agenda</h2>
+ <Panel title="Agenda">
<ul class="agenda-list">
- <li
- v-for="event in favouriteEvents"
- :key="event.id"
- class="agenda-item"
- >
+ <li v-for="event in favouriteEvents" :key="event.id" class="agenda-item" >
<EventListing :event="event" />
</li>
</ul>
</Panel>
<Panel>
- <h2 class="calendar-title">Calendar</h2>
<template v-if="calendarStatus === 'pending'">
<span>Fetching calendar status...</span>
</template>
<div v-else-if="calendarStatus === 'idle'" class="calendar">
<template v-if="calendarLink">
- <span>You can add your agenda to your own calendar using the iCal link below.</span>
+ <span>You can add your agenda to your own calendar using the iCal link below</span>
<Input :value="calendarLinkWithPageProtocol" readonly/>
<Button @click="deleteCalendar" :loading="calendarAction">Delete calendar</Button>
</template>
<template v-else>
- <span>You do not have a calendar link yet. Use the button below to request a calendar link synchronise with your own calendar app.</span>
+ <span>You do not have a calendar link yet. Use the button below to request a calendar link to subscribe to on your own calendar app.</span>
<Button @click="generateCalendar" :loading="calendarAction">Request calendar</Button>
</template>
</div>
@@ -123,7 +117,7 @@ function deleteCalendar() {
<style scoped>
.agenda-list {
list-style: none;
- margin: 0;
+ margin: -1rem 0;
padding: 0;
display: grid;
}