Add version and some icons

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;
 }