Single-Line Display for Post Meta and Taxonomies

[ZaredRogers]

Description:

Create a solution to wrap post meta and taxonomy content so it displays on a single line. This styling update is needed primarily for the Fast Facts sections in Tours, Accommodation, and Destinations, as well as in the Itinerary and Units patterns.

This functionality will likely require CSS adjustments to ensure all content fits in a single line, maintaining readability and alignment, and wrap below the label when too long to fit.

Requirements:

1. Fast Facts Sections:

   • Ensure post meta and taxonomy content is displayed on a single line across Tours, Accommodation, and Destinations.

2. Itinerary and Units Patterns:

   • Adjust styling so that post meta and taxonomy details fit within a single line format.

3. CSS Implementation:

   • Use CSS to manage overflow, wrapping, and spacing as needed for consistent display.

Acceptance Criteria:

• All specified sections display post meta and taxonomies on a single line without breaking layout.
• CSS is applied in a way that maintains content alignment and readability.
• Styling matches the design provided in the screenshots.

Design Notes:

Refer to the screenshots for visual reference on expected layout and styling for single-line display.

Screenshots

How the meta wraps right now if put in a row

How it should behave

[krugazul]

Currently we have done the best to get the items into 1 line, we are going to have to focus on changed the layout from multiple rows, to just one row. And either include the icon using CSS or a block options which automatically adds in it.