💄 Style select2 elements

Add custom styles for select2 elements.

Remove the default box-shadow from select2 choices. Adjust the top margin for multi-select choices. Set specific height and line-height for single-select choices in lookup fields.

This improves the visual integration and alignment of select2 inputs within the application's UI.

⚡️ Cache event tags for select dropdowns

Introduces caching for the list of event tags used in select dropdowns.

Adds EventTag.update_tags_for_select to generate and cache the list of used tags in a Fragment. Adds EventTag.for_select to retrieve the cached list. Updates views to use EventTag.for_select. Adds a rake task to periodically update the cache.

This improves performance by avoiding repeated database queries and processing on every page load.

💄 Improve spacing of mapplication buttons

Add vertical margin to buttons in mapplication row partial. Remove unnecessary empty lines in event view CSS.

The buttons in the mapplication row were previously cramped. Adding vertical margin improves readability and separation.

💄 Apply primary background to labels and badges

Add .label-primary and .badge-primary to the list of selectors receiving the primary background gradient. This ensures consistent styling for these elements using the primary class.

💄 Refine highlight color and order link format

Adjust the lightness of $color_highlight_1_light_2 in app.scss to fine-tune the specific shade used for a highlight color.

Wrap the "sent date" text in parentheses within the order confirmation link in _orders.erb to improve readability.

💄 Update .ai-well background with linear gradient

Define new SASS variables for lighter shades of the highlight color. Apply these variables in a linear gradient to the .ai-well class. This replaces the previous single-color background for improved visual appeal.

💄 Refine primary hover color

Update the primary hover color used for links and buttons in SCSS and email styles. The color value is changed from #2BA457 to #00A558. This refinement improves the visual consistency and aesthetic of interactive elements.

🚸 Make email addresses clickable in emails

Wrap email addresses in mailto: links across various email templates. Add basic styling for links in the email stylesheet.

This change improves the usability of notification emails by allowing recipients to directly click on email addresses to initiate an email composition. The added styling provides visual distinction for links.

💄 Style AI feedback summaries

Add .ai-well CSS class to app.scss. Apply .ai-well to the divs containing AI feedback summaries in _event_feedbacks.erb. Remove the generic well border-0 class from these divs.

This provides a distinct visual style for AI-generated content, making it easier for users to identify these summaries.

💄 (events/_success.erb): Remove inline style on ticket icon

Remove the inline style attribute from the ticket icon element. This change encourages the use of CSS classes for styling, improving consistency and maintainability.

💄 (events/_sidebar.erb): Add margin-bottom to purchase card in event sidebar

Add the Bootstrap mb-3 class to the purchase card div. This provides spacing below the card, improving the layout and separation from subsequent elements on the page.

📱 Add responsive line break in event feedback view

Add a responsive line break (<br class="d-lg-none">) between the account profile picture and the account name in the event feedback view.

This improves the layout on smaller screens by ensuring the account name appears below the profile picture when the picture is displayed, preventing awkward wrapping or crowding.

💄 Improve ticket display on success page

Change ticket name from paragraph to heading (h4). Adjust spacing and icon alignment for better presentation.

💄 Adjust spacing for card components

Adjust vertical spacing for card elements in event and purchase views.

• Add mt-3 class to the feedback card to provide top margin.
• Remove mb-3 class from sidebar, success, and purchase cards to reduce unnecessary bottom margin when cards are stacked.

This improves the overall layout and consistency of spacing between different sections on these pages.

🎨 Improve styling for primary elements and feedback summaries

Refactor CSS rules targeting .bg-primary.text-white to simplify specificity. Explicitly add text-white class to the chat header div to ensure correct text color. Change feedback summary containers from .card to .well for a different visual presentation.

💄 Apply new 'chill' card header style and add shadows

Introduce a new .card-header.chill style for a subtle header look. Apply this style to various card headers throughout the app. Add shadow-sm class to several cards for improved depth. Centralize the header style definition in SCSS. Remove unused hw class and related CSS. Update event feedback table style to borderless. Improve header tag semantics and adjust spacing.

💄 Use card component for feedback summary

Replace well class with card shadow-sm for the feedback summary display. Wrap the summary content in a card-body div.

This updates the visual presentation of the AI-generated feedback summary, adopting the card component style for a more modern and consistent look within the UI.

💄 Improve overall UI styling

Update background colors in event and home views. Adjust border color in main stylesheet. Add subtle shadows to cards and textareas. Refine table styling for event stats. Add specific styles for outline primary buttons.

💄 Improve card shadows and page backgrounds

Add subtle shadows to card components across various views (event sidebar, success, upcoming, waitlist, purchase). Add a white background to event details table cells. Update the background color of the main content area on event and signed-in home pages to #FCFBFD.

This enhances the visual hierarchy and provides a cleaner look.

📱 Add responsive line break to improve pay progress layout