improvements

resources/js/Pages/Session/Result.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from 'vue'
 import { Head } from '@inertiajs/vue3'
+import { ArrowDownTrayIcon } from '@heroicons/vue/24/outline'
 import AppLayout from '@/Layouts/AppLayout.vue'
 import AppButton from '@/Components/AppButton.vue'
 
@@ -98,8 +99,12 @@ const resultDisplay = computed(() => {
             </dl>
         </div>
 
-        <!-- Again button -->
-        <div class="flex justify-center">
+        <!-- Action buttons -->
+        <div class="flex justify-center gap-4">
+            <AppButton variant="ghost" :href="`/sessions/${session.id}/pdf`" external>
+                <ArrowDownTrayIcon class="h-5 w-5" />
+                Download PDF
+            </AppButton>
             <AppButton size="lg" href="/" data-cy="start-new">
                 Again
             </AppButton>