Repository: Automattic/pocket-casts-ios
File: podcasts/Onboarding/Encourage Account Creation/Modal/InformationalModalView.swift (Swift)

Code before:
            .frame(maxHeight: cardHeight + 24.0)
            buttons
                .padding(.top, isiPad ? 12.0 : 33.0)
                .if(!isiPad) {
                    $0.padding(.horizontal, 24.0)
                }
                .if(isiPad) {
                    $0.frame(maxWidth: 400)
                }
        }
        .background(theme.primaryUi01.ignoresSafeArea())
        .onChange(of: currentIndex ?? 0) { newValue in
            viewModel.pageDidChange(newValue)
        }
    }

    private var labels: some View {
        VStack(spacing: 0) {
            Text(L10n.eacInformationalViewModalTitle)
                .font(size: FeatureFlag.newOnboardingAccountCreation.enabled ? 28 : 22, style: FeatureFlag.newOnboardingAccountCreation.enabled ? .title : .body, weight: .bold)
                .foregroundStyle(theme.primaryText01)
                .multilineTextAlignment(.center)
                .padding(.top, isiPad ? 0 : 20.0)
                .padding(.bottom, 12.0)
            Text(L10n.eacInformationalViewModalDescription)
                .font(size: FeatureFlag.newOnboardingAccountCreation.enabled ? 17.0 : 15, style: .body, weight: FeatureFlag.newOnboardingAccountCreation.enabled ? .regular : .medium)
                .foregroundStyle(theme.primaryText02)
                .multilineTextAlignment(.center)
        }
        .padding(.horizontal, 24.0)
    }

    private var buttons: some View {
        VStack(spacing: 0) {
            Button(FeatureFlag.newOnboardingAccountCreation.enabled ? L10n.createAccount : L10n.eacInformationalViewModalGetStartedButton) {
                viewModel.getStarted()
            }
            .buttonStyle(RoundedButtonStyle(theme: theme))
            .padding(.bottom, 16.0)

            Button(L10n.accountLogin) {
                viewModel.login()
            }
            .buttonStyle(SimpleTextButtonStyle(theme: theme))
        }
    }
}

#Preview {
    InformationalModalView(viewModel: InformationalModalViewModel())
        .environmentObject(Theme(previewTheme: .light))

Review comment (suggestion):
The tex gets cut with the new font on small devices 

| Now | Before |
| :-------: | :-------: |
| <img width="750" height="1334" alt="Simulator Screenshot - iPhone SE (3rd generation) - 2025-09-21 at 21 14 03" src="https://github.com/user-attachments/assets/f3fbda4b-1107-4f01-a361-294357068225" /> | <img width="750" height="1334" alt="Simulator Screenshot - iPhone SE (3rd generation) - 2025-09-21 at 21 15 53" src="https://github.com/user-attachments/assets/f490d939-9cc1-41b3-b67f-2bb1e0b3b4f2" /> |


Code after:
            .frame(maxHeight: cardHeight + 24.0)
            buttons
                .padding(.top, isiPad ? 12.0 : 33.0)
                .if(!isiPad) {
                    $0.padding(.horizontal, 24.0)
                }
                .if(isiPad) {
                    $0.frame(maxWidth: 400)
                }
        }
        .background(theme.primaryUi01.ignoresSafeArea())
        .onChange(of: currentIndex ?? 0) { newValue in
            viewModel.pageDidChange(newValue)
        }
    }

    private var labels: some View {
        VStack(spacing: 0) {
            Text(L10n.eacInformationalViewModalTitle)
                .font(size: 22, style: .body, weight: .bold)
                .foregroundStyle(theme.primaryText01)
                .multilineTextAlignment(.center)
                .padding(.top, isiPad ? 0 : 20.0)
                .padding(.bottom, 12.0)
            Text(L10n.eacInformationalViewModalDescription)
                .font(size: 15, style: .body, weight: .medium)
                .foregroundStyle(theme.primaryText02)
                .multilineTextAlignment(.center)
        }
        .padding(.horizontal, 24.0)
    }

    private var buttons: some View {
        VStack(spacing: 0) {
            Button(FeatureFlag.newOnboardingAccountCreation.enabled ? L10n.createAccount : L10n.eacInformationalViewModalGetStartedButton) {
                viewModel.getStarted()
            }
            .buttonStyle(RoundedButtonStyle(theme: theme))
            .padding(.bottom, 16.0)

            Button(L10n.accountLogin) {
                viewModel.login()
            }
            .buttonStyle(SimpleTextButtonStyle(theme: theme))
        }
    }
}

#Preview {
    InformationalModalView(viewModel: InformationalModalViewModel())
        .environmentObject(Theme(previewTheme: .light))