From bacfed772e6f5c66cefe72e922439074451f985f Mon Sep 17 00:00:00 2001
From: Ky Phan <ky.phan@eastagile.com>
Date: Wed, 14 May 2025 11:38:59 +0700
Subject: [PATCH] Let the labels to be in new line, no padding left

---
 src/pages/campaign/UpcomingCampaigns.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/campaign/UpcomingCampaigns.tsx b/src/pages/campaign/UpcomingCampaigns.tsx
index 15149ea..ff63233 100644
--- a/src/pages/campaign/UpcomingCampaigns.tsx
+++ b/src/pages/campaign/UpcomingCampaigns.tsx
@@ -424,7 +424,7 @@ export default function UpcomingCampaigns() {
                           <h4 className="font-medium text-primary text-sm">
                             {editedCampaign.title || 'Untitled Campaign'}
                           </h4>
-                          <div className="flex items-center text-xs text-muted-foreground mt-1">
+                          <div className="flex items-center text-xs text-muted-foreground mt-1 flex-wrap">
                             <Calendar className="h-3 w-3 mr-1" />
                             {format(
                               new Date(editedCampaign.runAt * 1000),
@@ -438,7 +438,7 @@ export default function UpcomingCampaigns() {
                             {editedCampaign.campaignLabelNames && editedCampaign.campaignLabelNames.length > 0 && (
                               <div className="w-full mt-1 flex">
                                 {editedCampaign.campaignLabelNames.map((labelName, idx) => (
-                                  <span key={idx} className="mr-1 mb-1 inline-flex items-center bg-muted rounded px-1.5 py-0.5 text-xs">
+                                  <span key={idx} className="mr-1 mb-1 inline-flex items-center bg-muted rounded pr-1.5 py-0.5 text-xs">
                                     <Tag className="h-3 w-3 mr-1" />
                                     {labelName}
                                   </span>