Fix vertical alignment of upload icon in the FilePicker (on mobile)

[JanHamara]

• @freenow/wave version: 1.29.0

Relevant code

Inside FilePicker.tsx

<Outliner
                minHeight="5.125rem"
                alignItems="stretch"
                data-testid="filepicker-outliner"
                display="flex"
                disabled={disabled}
                hasValidFile={validFileSelected}
                error={error}
                justifyContent="space-between"
                onClick={onClickHandler}
                px={2}
                py={validFileSelected ? '1.25rem' : 3}
            >

What was expected to happen?

The current setting of alignItems="stretch" in the <Outliner> is causing the upload icon on mobile screens to not center vertically correctly.

Solution

Change the value for alignItems to center

[nlopin]

The issue is with icon positioning in flexbox on mobile only