Incorrect Layout and Formatting of Scorepage We elements on Score Screen (iOS - iPhone SE)

[dceu]

The "Scorepage" screen on iOS devices, specifically on the iPhone SE, button text and footer elements with incorrect layout and formatting.

Current Behavior:

• See attached screenshot (screenshots 1) for examples
• Spacing between elements is inconsistent and visually unappealing.
• Font weights may not be appropriate for smaller screens.
• Footer elements (about button and share button overlap lower parts of "Quiz Review" section.

Expected Behavior:

• See attached screenshot (screenshot 2) for example
• The "Scorepage" screen should display device information with a clean and organized layout, similar to the intended design shown in the attached screenshot.
  Ensure:

• Button text is left-aligned.
• Button text is on one line (no wrap) and does not exceed the bounds within the button (no overflow)
• Consistent and appropriate spacing should be maintained.
• Font styles and weights should be consistent and readable.

Steps to Reproduce:

• Complete Quiz and reach Scorepage on an iOS device (iPhone SE) (Firefox Browser).
  Device Information of screenshot 1

• Device: iPhone SE

• iOS Version: 18.3

• Model Number: MMX83LL/A

Additional Context:
This issue affects the readability and overall user experience of the "Scorepage" screen. Proper alignment and spacing are crucial for presenting information clearly.

Info to help get resolve:

• iPhone SE has a 4.0-inch screen with a screen size (resolution): 640px × 1136px , 320px × 568px viewport1, and a CSS Pixel Ratio of 2.

1 - Property is displayed as width × height.

• At first glance, there appears to be fixed margin values that cause the footer elements to place themselves so high on the screen
• All elements should be visible within the viewport without scrolling
• Text truncation currently takes place at 30 chars.
• if the implemented solution modified the appearance on larger displays, it should improve upon it by adhering closer to the designs
• see Figma: https://www.figma.com/design/gJOLxcS7g2wQTpMX7u4odF?node-id=1829-1132