Skip to content

Conversation

felixturner
Copy link

@felixturner felixturner commented Sep 19, 2025

Description

Improve template modal UI layout and spacing for better user experience and visual balance.

Type of Change

  • New feature
  • Bug fix
  • Breaking change
  • Documentation update

Changes Made

  • Increase card description display: Changed from 2 to 4 lines in TemplateWorkflowCard.vue for more content visibility
  • Remove header padding: Cleaned up layout in TemplateWorkflowView.vue by removing header padding for better spacing
  • Optimize search bar proportions: Reduced search bar width in TemplateSearchBar.vue for improved visual balance

Testing

  • Manual testing completed
  • UI changes verified in development environment
  • Responsive design maintained

Screenshots

Before

  • Template descriptions cut off at 2 lines
  • Extra spacing in header reduces area for viewing templates
before

After

  • Template descriptions have 4 lines
  • Reduced spacing in header gives more area for viewing templates
after

┆Issue is synchronized with this Notion page by Unito

- Increase card description display from 2 to 4 lines for more content visibility
- Remove header padding for cleaner layout in TemplateWorkflowView
- Reduce search bar width for better proportions

These changes improve the overall user experience and visual balance of the template browser modal.
@felixturner felixturner requested a review from a team as a code owner September 19, 2025 22:24
@dosubot dosubot bot added the size:S This PR changes 10-29 lines, ignoring generated files. label Sep 19, 2025
Copy link

🎭 Playwright Test Results

loading Tests are starting...

⏰ Started at: 09/19/2025, 10:24:12 PM UTC

🚀 Running Tests

  • 🧪 chromium: Running tests...
  • 🧪 chromium-0.5x: Running tests...
  • 🧪 chromium-2x: Running tests...
  • 🧪 mobile-chrome: Running tests...

⏱️ Please wait while tests are running...

@christian-byrne
Copy link
Contributor

Hi @felixturner, thank you for the contribution, the code and changes look great. We agree that these designs are needing some love, so we are working on a overhaul to the templates design in this PR: #5142.

Would love for you to try it out and see if you can also contribute there. I'm not sure if the changes in this PR will be 1-to-1 compatible with the new design.

@felixturner
Copy link
Author

Hi thanks for the comment. I have reviewed PR #5142 and have suggested some improvements here: #5761. Closing this PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
size:S This PR changes 10-29 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants