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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user