⏺️ style: Better Markdown Lists

[danny-avila]

Summary

I implemented comprehensive improvements to the styling of markdown lists in the application. These changes enhance the visual hierarchy and readability of nested lists, ensuring a more consistent and user-friendly experience.

• Refined the base styles for ordered and unordered lists in both .prose and .markdown classes, including proper indentation and spacing.
• Implemented distinct styling for nested lists, using different list-style-types for each level (e.g., disc, circle, square for unordered lists; decimal, lower-alpha, lower-roman for ordered lists).
• Adjusted margins and paddings to create a clear visual hierarchy in nested list structures.
• Ensured proper marker colors for list items, improving contrast and readability.
• Streamlined the CSS by removing redundant or overly specific selectors, resulting in more maintainable code.
• Fixed issues with list item spacing and alignment, creating a more cohesive look across different list types and nesting levels.
• Updated the styling for streaming results to properly handle lists, ensuring the loading indicator appears correctly at the end of list items.

These changes significantly improve the visual presentation of markdown content, particularly for complex, nested list structures. The new styles provide better differentiation between list levels and types, making it easier for users to parse and understand hierarchical information.

Before

After

Checklist

• My code adheres to this project's style guidelines
• I have performed a self-review of my own code
• I have commented in any complex areas of my code
• I have made pertinent documentation changes
• My changes do not introduce new warnings
• Local unit tests pass with my changes