web: fix mobile scrolling bug

[kensternberg-authentik]

web: adjust spacing issue for the login container

What

Replaces the space-evenly flexbox instruction with space-between. space-evenly introduced whitespace in column mode that pushed visible content off the page by introducing new margins inside the flex container, which made content pushed around by those margins inaccessable via scrolling. space-between creates the same desired effect, but with the margins top and bottom of the flexbox column controlled by the parent container, which gives both more control and more suitable layout handling.

Links:

• Zendesk Ticket: Tall Prompts/Flows cut off on Safari. (This link is only visible to Authentik employees. Sorry.)
• Reference: CSS Flexbox Cheat Sheet

If changes to the frontend have been made

• The code has been formatted (make web)

[netlify]

✅ Deploy Preview for authentik-docs canceled.

Name	Link
🔨 Latest commit	d2b6c3d
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-docs/deploys/677ec6fce878040008f6c5c7

[netlify]

✅ Deploy Preview for authentik-storybook ready!

Name	Link
🔨 Latest commit	d2b6c3d
🔍 Latest deploy log	https://app.netlify.com/sites/authentik-storybook/deploys/677ec6fcd9f0d20008963e39
😎 Deploy Preview	https://deploy-preview-12601--authentik-storybook.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 92.69%. Comparing base (646d133) to head (d2b6c3d).

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #12601      +/-   ##
==========================================
- Coverage   92.69%   92.69%   -0.01%     
==========================================
  Files         769      769              
  Lines       38823    38823              
==========================================
- Hits        35987    35986       -1     
- Misses       2836     2837       +1     

Flag	Coverage Δ
e2e	48.50% <ø> (+<0.01%)	⬆️
integration	24.65% <ø> (ø)
unit	90.38% <ø> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

authentik PR Installation instructions

Instructions for docker-compose

Add the following block to your .env file:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-d2b6c3d12bf512fbf65fef5df4d3fd4f9fa7aff6
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

For arm64, use these values:

AUTHENTIK_IMAGE=ghcr.io/goauthentik/dev-server
AUTHENTIK_TAG=gh-d2b6c3d12bf512fbf65fef5df4d3fd4f9fa7aff6-arm64
AUTHENTIK_OUTPOSTS__CONTAINER_IMAGE_BASE=ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s

Afterwards, run the upgrade commands from the latest release notes.

Instructions for Kubernetes

Add the following block to your values.yml file:

authentik:
    outposts:
        container_image_base: ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s
global:
    image:
        repository: ghcr.io/goauthentik/dev-server
        tag: gh-d2b6c3d12bf512fbf65fef5df4d3fd4f9fa7aff6

For arm64, use these values:

authentik:
    outposts:
        container_image_base: ghcr.io/goauthentik/dev-%(type)s:gh-%(build_hash)s
global:
    image:
        repository: ghcr.io/goauthentik/dev-server
        tag: gh-d2b6c3d12bf512fbf65fef5df4d3fd4f9fa7aff6-arm64

Afterwards, run the upgrade commands from the latest release notes.