SHS-5912: Improve link styles preview

[cienvaras]

READY FOR REVIEW

Summary

• Change the layout of the CKEditor "Styles" dropdown, to show only one item per row and improve legibility of the preview.

Need Review By (Date)

12/04

Urgency

medium

Steps to Test

1. Create a Flexible Page
2. In the text area component, add some text, headings, links, etc.
3. Try to apply some custom styles using the "Style" dropdown menu. Confirm that you see only one element per row and that the previews are legible. Confirm that you can apply and remove styles as expected.

PR Checklist

• PR Checklist
• Humsci Basic PR Checklist

---

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1208819259769278

[ahughes3]

@cienvaras @joegl Tugboat is failing with this error:

Installing dependencies from lock file (including require-dev)
Verifying lock file contents can be installed on current platform.
Warning: The lock file is not up to date with the latest changes in composer.json. You may be getting outdated dependencies. It is recommended that you run composer update or composer update <package name>.
Your lock file does not contain a compatible set of packages. Please run composer update.

Problem 1
- Root composer.json requires php >=8.3 but your php version (8.2.13) does not satisfy that requirement.

https://dashboard.tugboatqa.com/log/673eae1df67b7935927c2d64

[joegl]

@ahughes3 It looks like it was caching the previous docker image which was on PHP 8.2. I rebuilt the preview without a base and it is working now.

[ahughes3]

looks good!

[pookmish]

Simple fix 👍