From a879dbf94fc739f44da353c5d5fd9971de877eb9 Mon Sep 17 00:00:00 2001
From: Xavier Oliveira <xaviergomesoliveira@gmail.com>
Date: Fri, 29 May 2026 10:47:19 +0100
Subject: [PATCH] fix: layout of the workshops on profile page

---
 .../src/pages/private/profile/index.tsx                  | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend-plataforma-tutoriais/src/pages/private/profile/index.tsx b/frontend-plataforma-tutoriais/src/pages/private/profile/index.tsx
index a21913a..8002bc2 100644
--- a/frontend-plataforma-tutoriais/src/pages/private/profile/index.tsx
+++ b/frontend-plataforma-tutoriais/src/pages/private/profile/index.tsx
@@ -398,7 +398,7 @@ export default function Profile() {
 
                     {role === 1 && workshopsCount > 0 ? nextWorkshops.map((workshop: Workshop) => (
                         <div className="col-12 col-sm-6 col-lg-4 p-2 position-relative">
-                            <div className={`${styles.boxWorkshop} text-start pb-3`}>
+                            <div className={`${styles.boxWorkshop} d-flex flex-column text-start pb-3 h-100`}>
                                 <div className={`${styles.thumbnailWorkshop} position-relative`}>
                                     <img
                                         src={`${API_URL}/storage/${workshop.image}`}
@@ -412,16 +412,13 @@ export default function Profile() {
                                         <p className={`${styles.timeWorkshop} px-1`}> <LuClock3 className={`${styles.icon} mb-1 me-1`} />{workshop.time_start.slice(0, 5)} -  {workshop.time_end.slice(0, 5)}</p>
                                     </div>
                                 </div>
-                                <div className="px-3">
-                                    <h2 className={`${styles.titleWorkshop} d-block text-start mt-3`}>{workshop.title}</h2>
-                                    <div className="position-relative d-flex flex-column d-md-none d-xl-flex d-xxl-none mt-3 ">
+                                    <h2 className={`${styles.titleWorkshop} d-block text-start mt-3 px-3 flex-grow-1 mb-0`}>{workshop.title}</h2>
+                                    <div className="position-relative d-flex flex-column d-md-none d-xl-flex d-xxl-none mt-3 px-3">
                                         <span className={`${styles.dateWorkshopMobile} text-start mb-1`}><LuCalendar className={`${styles.icon} mb-1 me-2`} />{workshop.date.split('-').reverse().join('-')}</span>
                                         <span className={`${styles.timeWorkshopMobile} text-start`}><LuClock3 className={`${styles.icon} mb-1 me-2`} />{workshop.time_start.slice(0, 5).split(':').join('h')} -  {workshop.time_end.slice(0, 5).split(':').join('h')}</span>
                                     </div>
-                                </div>
                                 <div className="d-flex flex-wrap justify-content-evenly px-3 gap-2 mt-3">
                                     <Link to={`${role === 1 ? `/admin/edit-workshop/${workshop.id}` : `/workshop/${workshop.id}`}`} className={`${styles.linkWorkshop} d-block text-center py-2 px-5 text-decoration-none`}> Detalhes </Link>
-
                                 </div>
                             </div>
                         </div>