From 6aee47e76d7e25206b3778aeebcc341d7b705035 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Thu, 22 Aug 2024 18:44:34 -0700
Subject: Box shadow papers on hover

---
 client/src/components/GuestLogin.tsx | 1 +
 client/src/components/Registry.tsx   | 5 +++--
 client/src/components/RsvpForm.tsx   | 8 +++++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

(limited to 'client/src')

diff --git a/client/src/components/GuestLogin.tsx b/client/src/components/GuestLogin.tsx
index 7f634aa..cca2179 100644
--- a/client/src/components/GuestLogin.tsx
+++ b/client/src/components/GuestLogin.tsx
@@ -47,6 +47,7 @@ function GuestLogin() {
       <Paper
         elevation={3}
         sx={{
+          '&:hover': { boxShadow: 8 },
           width: { xs: '90%', md: 400 },
           display: 'flex',
           flexDirection: 'column',
diff --git a/client/src/components/Registry.tsx b/client/src/components/Registry.tsx
index c6e61b1..f821212 100644
--- a/client/src/components/Registry.tsx
+++ b/client/src/components/Registry.tsx
@@ -16,6 +16,7 @@ function Registry() {
       <Paper
         elevation={3}
         sx={{
+          '&:hover': { boxShadow: 8 },
           width: { xs: '90%', md: 400 },
           display: 'flex',
           justifyContent: 'center',
@@ -30,8 +31,8 @@ function Registry() {
           Thank you for your generous gifts! We look forward to seeing you at
           the wedding.
         </p>
-        <Button variant="contained" endIcon={<LaunchIcon />}>
-          Go to Registry
+        <Button variant="contained" startIcon={<LaunchIcon />}>
+          Registry
         </Button>
       </Paper>
     </div>
diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx
index 4c9ae92..1e03227 100644
--- a/client/src/components/RsvpForm.tsx
+++ b/client/src/components/RsvpForm.tsx
@@ -14,6 +14,7 @@ import {
   Snackbar,
   TextField,
 } from '@mui/material';
+import MailIcon from '@mui/icons-material/Mail';
 import { useForm, Controller, useFieldArray } from 'react-hook-form';
 import { useUpdateGuestMutation } from '../slices/apiSlice';
 import type { Guest } from '../slices/apiSlice';
@@ -113,6 +114,7 @@ function RsvpForm() {
       <Paper
         elevation={3}
         sx={{
+          '&:hover': { boxShadow: 8 },
           width: { xs: '90%', md: 600 },
           display: 'flex',
           justifyContent: 'center',
@@ -265,7 +267,11 @@ function RsvpForm() {
                 alignItems: 'center',
               }}
             >
-              <Button type="submit" variant="contained">
+              <Button
+                type="submit"
+                variant="contained"
+                startIcon={<MailIcon />}
+              >
                 RSVP
               </Button>
             </div>
-- 
cgit v1.2.3