diff --git a/frontend/src/features/fuel-logs/components/ReceiptCameraButton.tsx b/frontend/src/features/fuel-logs/components/ReceiptCameraButton.tsx index 3e7839f..19ed81b 100644 --- a/frontend/src/features/fuel-logs/components/ReceiptCameraButton.tsx +++ b/frontend/src/features/fuel-logs/components/ReceiptCameraButton.tsx @@ -48,6 +48,8 @@ export const ReceiptCameraButton: React.FC = ({ size={size} aria-label={locked ? 'Scan receipt (Pro feature)' : 'Scan receipt with camera'} sx={{ + minWidth: 44, + minHeight: 44, backgroundColor: locked ? 'action.disabledBackground' : 'primary.light', color: locked ? 'text.secondary' : 'primary.contrastText', '&:hover': { @@ -77,6 +79,7 @@ export const ReceiptCameraButton: React.FC = ({ startIcon={locked ? : } endIcon={locked ? undefined : } sx={{ + minHeight: 44, borderStyle: 'dashed', '&:hover': { borderStyle: 'solid', diff --git a/frontend/src/features/fuel-logs/components/ReceiptOcrReviewModal.tsx b/frontend/src/features/fuel-logs/components/ReceiptOcrReviewModal.tsx index c8ae025..cf9eb4f 100644 --- a/frontend/src/features/fuel-logs/components/ReceiptOcrReviewModal.tsx +++ b/frontend/src/features/fuel-logs/components/ReceiptOcrReviewModal.tsx @@ -430,14 +430,14 @@ export const ReceiptOcrReviewModal: React.FC = ({ @@ -445,7 +445,7 @@ export const ReceiptOcrReviewModal: React.FC = ({ variant="contained" onClick={onAccept} startIcon={} - sx={{ order: isMobile ? 1 : 3, width: isMobile ? '100%' : 'auto' }} + sx={{ order: isMobile ? 1 : 3, width: isMobile ? '100%' : 'auto', minHeight: 44 }} > Accept diff --git a/frontend/src/shared-minimal/components/UpgradeRequiredDialog.tsx b/frontend/src/shared-minimal/components/UpgradeRequiredDialog.tsx index 35f1016..e47a6b4 100644 --- a/frontend/src/shared-minimal/components/UpgradeRequiredDialog.tsx +++ b/frontend/src/shared-minimal/components/UpgradeRequiredDialog.tsx @@ -79,6 +79,8 @@ export const UpgradeRequiredDialog: React.FC = ({ position: 'absolute', right: 8, top: 8, + minWidth: 44, + minHeight: 44, color: (theme) => theme.palette.grey[500], }} > @@ -157,7 +159,7 @@ export const UpgradeRequiredDialog: React.FC = ({ onClick={onClose} variant="outlined" fullWidth={isSmall} - sx={{ order: isSmall ? 2 : 1 }} + sx={{ order: isSmall ? 2 : 1, minHeight: 44 }} > Maybe Later @@ -166,7 +168,7 @@ export const UpgradeRequiredDialog: React.FC = ({ variant="contained" color="primary" fullWidth={isSmall} - sx={{ order: isSmall ? 1 : 2 }} + sx={{ order: isSmall ? 1 : 2, minHeight: 44 }} > Upgrade (Coming Soon)