fix: Add flex-wrap to folder card badges to prevent text overflow

- Added flex-wrap and gap-1 classes to folder card badge containers
- Updated both folder_card_base.html and folder_card.html templates
- Ensures badges wrap properly when card width is limited
- Improves responsive layout for folder cards with multiple badges
This commit is contained in:
Bryce
2025-08-06 20:32:11 -07:00
parent ab376f5317
commit 3387867561
2 changed files with 51 additions and 2 deletions

View File

@@ -28,8 +28,8 @@
</div>
<!-- Email count badges placed below title but in a separate row -->
<div class="flex justify-between items-center mb-2">
<div class="flex space-x-1">
<div class="flex flex-wrap justify-between items-center mb-2 gap-1">
<div class="flex flex-wrap gap-1">
<span class="badge badge-outline cursor-pointer">{{ folder.total_count }} emails</span>
{% if folder.pending_count > 0 %}
<button