Unreadable Text When Browser Is Resized

[audreyau]

• What Operating System?
  macOS Sonoma - 14.1.1 (23B81)

• What version of Chrome?
  Google Chrome Version 125.0.6422.76 (Official Build) (arm64)

• What version of Recorder's Assistant (GitHub version or Chrome Store version)?
  Chrome Web Store - GenderMag Recorder's Assistant, 0.4.7

• What steps will reproduce the issue?
  Resizing the browser

• What would you expect to be the outcome?
  Currently, only certain fields adjust to browser resizing (e.g. Subgoal: Create a persona) while other information is unreadable. For instance, the persona photos overlap with their descriptions, and the text in the top bar does not wrap. All information should wrap or be viewable via scroll regardless of browser size.

• Any additional details/screenshots to help people to fix any potential bugs?