adds roles

resources/js/Components/AppButton.vue

@@ -44,11 +44,11 @@ const buttonClasses = computed(() => {
 
   // Size classes
   if (props.size === 'sm') {
-    classes.push('px-3 py-1.5 text-sm')
+    classes.push('px-4 py-2 text-sm')
   } else if (props.size === 'md') {
-    classes.push('px-5 py-2.5 text-base')
+    classes.push('px-6 py-3 text-base')
   } else if (props.size === 'lg') {
-    classes.push('px-7 py-3 text-lg')
+    classes.push('px-8 py-3.5 text-lg')
   }
 
   // Variant classes

resources/js/Components/PageHeader.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { computed } from 'vue'
+import { usePage } from '@inertiajs/vue3'
 import AppLogo from '@/Components/AppLogo.vue'
 
 defineProps({
@@ -7,12 +9,17 @@ defineProps({
     default: '',
   },
 })
+
+const page = usePage()
+const logoHref = computed(() => page.props.auth?.logo_href ?? '/')
 </script>
 
 <template>
   <header class="sticky top-0 z-50 bg-surface border-b border-gray-700">
     <div class="px-6 py-4 flex items-center gap-6">
-      <AppLogo class="text-2xl" />
+      <a :href="logoHref" class="flex items-center">
+        <AppLogo class="text-2xl" />
+      </a>
       <h1 v-if="title" class="text-xl font-semibold text-white">
         {{ title }}
       </h1>

resources/js/Components/RadioButtonGroup.vue

@@ -28,9 +28,12 @@ const handleChange = (value) => {
 
 const getSegmentClasses = (index) => {
   const classes = [
-    'px-6',
-    'py-2.5',
-    'text-sm',
+    'inline-flex',
+    'items-center',
+    'justify-center',
+    'px-8',
+    'py-3',
+    'text-base',
     'font-medium',
     'select-none',
     'transition-all',
@@ -64,7 +67,7 @@ const getSegmentClasses = (index) => {
 </script>
 
 <template>
-    <div role="radiogroup" :aria-label="name" class="inline-flex rounded-lg overflow-hidden border border-white/10">
+    <div role="radiogroup" :aria-label="name" class="inline-flex rounded-lg overflow-hidden border border-white/10 min-h-[44px]">
         <label
             v-for="(option, index) in options"
             :key="option.value"

resources/js/Pages/Session/Result.vue

@@ -91,14 +91,6 @@ const resultDisplay = computed(() => {
                     <dt class="text-gray-400">Category</dt>
                     <dd class="text-white font-medium">{{ categoryName }}</dd>
                 </div>
-                <div>
-                    <dt class="text-gray-400">Client</dt>
-                    <dd class="text-white font-medium">{{ session.basic_info?.client_name ?? 'N/A' }}</dd>
-                </div>
-                <div>
-                    <dt class="text-gray-400">Lead Firm</dt>
-                    <dd class="text-white font-medium">{{ session.basic_info?.lead_firm_name ?? 'N/A' }}</dd>
-                </div>
                 <div>
                     <dt class="text-gray-400">Completed</dt>
                     <dd class="text-white font-medium">{{ new Date(session.completed_at).toLocaleDateString() }}</dd>