changed buttons to round

Author: phillipnguyenn

client/src/pages/events/[id].tsx

@@ -25,13 +25,15 @@ export default function EventDetailsPage() {
       secondaryAction={
         <Button
           variant="outline"
-          className="flex-1"
+          className="flex-1 rounded-full"
           onClick={() => router.back()}
         >
           Back
         </Button>
       }
-      primaryAction={<Button className="flex-1">Join Event</Button>}
+      primaryAction={
+        <Button className="flex-1 rounded-full">Join Event</Button>
+      }
     >
       <div className="mx-auto max-w-3xl px-4 sm:px-6 lg:px-0">
         <div className="relative h-56 w-full overflow-hidden rounded-xl bg-gray-200">

client/src/pages/home.tsx

@@ -38,10 +38,10 @@ export default function Home() {
                 </CardContent>
 
                 <CardFooter className="flex-end flex-row justify-center gap-2">
-                  <Button className="w-full">
+                  <Button className="w-full rounded-full">
                     <Link href={`/events/${event.id}`}>View Details</Link>
                   </Button>
-                  <Button>Signup</Button>
+                  <Button className="rounded-full">Signup</Button>
                 </CardFooter>
               </Card>
             ))}