adds roles

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"