fix some widths and padding for mobile view

Author: wbglaeser

src/ui/screens/eligibilty-overview/components/EligibilityOverviewItem.js

@@ -31,10 +31,10 @@ const EligibilityOverviewItem = ({ t, item, eligible, isDesktop }) => {
     return (
         <VBox
             sx={{
-                gap: 3,
+                gap: 4,
                 border: `1px solid ${theme.palette.white.dark}`,
                 boxShadow: '0px 1px 2px rgba(0, 0, 0, 0.25)',
-                padding: 4,
+                padding: { xs: 2, sm: 4 },
                 borderRadius: theme.shape.borderRadius
             }}
         >

src/ui/screens/question-pages/components/input-types/ProfileInputDate.js

@@ -26,9 +26,13 @@ const ProfileInputDate = ({ t, value, setValue, error }) => {
                         onChange={handleChange}
                         slotProps={{
                             textField: {
-                                sx: {
-                                    minWidth: (theme) => `calc(${theme.typography.pxToRem(8 * t('app.datafields.pickBday').length)} + 60px)`,
-                                },
+                                fullWidth: true,
+                                sx: (theme) => ({
+                                    width: '100%',
+                                    [theme.breakpoints.up('sm')]: {
+                                        maxWidth: 360,
+                                    },
+                                }),
                             },
                         }}
                         sx={