From 472285cf614029fff6953ca353af87377dacb303 Mon Sep 17 00:00:00 2001
From: Xavier Oliveira <xaviergomesoliveira@gmail.com>
Date: Fri, 29 May 2026 09:36:58 +0100
Subject: [PATCH] fix: padding on elements from dashboard page

---
 .../src/pages/private/dashboard/index.tsx        | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend-plataforma-tutoriais/src/pages/private/dashboard/index.tsx b/frontend-plataforma-tutoriais/src/pages/private/dashboard/index.tsx
index 9ccfb69..5808979 100644
--- a/frontend-plataforma-tutoriais/src/pages/private/dashboard/index.tsx
+++ b/frontend-plataforma-tutoriais/src/pages/private/dashboard/index.tsx
@@ -189,7 +189,7 @@ export default function Home() {
     return (
         <div className={`${styles.container} mx-2 mx-sm-0 p-2 p-sm-4 p-lg-0`}>
 
-            <div className={`${styles.containerVideos} px-2 p-sm-4`}>
+            <div className={`${styles.containerVideos} px-2 p-sm-4 mx-sm-1 mx-lg-0`}>
                 <div className="d-flex flex-column flex-sm-row justify-content-between align-items-center px-0" >
                     <h2 className={`${styles.subtitle} text-center text-sm-start mt-4 mt-sm-3 mb-4 px-0 `}>{role === 1 ? "Vídeos ativos" : "Continuar Formação"}</h2>
                     <Link to="/videos" className={`${styles.link} text-decoration-none fw-semibold fs-5 mt-sm-3 mb-4`}>Ver vídeos <LuArrowUpRight className="mb-1 me-2" size={25} /></Link>
@@ -238,12 +238,12 @@ export default function Home() {
                 </div>
             </div>
 
-            <div className="ms-0 px-4 mt-4">
+            <div className="ms-0 px-lg-4 mt-4">
                 <div className="d-flex flex-column flex-sm-row justify-content-between align-items-center px-0" >
                     <h2 className={`${styles.subtitle} text-center text-sm-start mt-4 mt-sm-3 mb-4`}>Próximos workshops</h2>
                     <Link to="/workshops" className={`${styles.link} text-decoration-none fw-semibold fs-5 mt-sm-3 mb-sm-4`}>Ver workshops <LuArrowUpRight className="mb-1 me-2" size={25} /></Link>
                 </div>
-                <div className="row mt-4 mt-sm-1 px-2">
+                <div className="row mt-4 mt-sm-1 px-1 px-sm-2">
                     {workshops.length > 0 ? workshops.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`}>
@@ -296,8 +296,8 @@ export default function Home() {
 
             <div className="row">
                 <div className="col-12 col-lg-8 mt-5 px-3">
-                    <form onSubmit={sendMail} className="pt-2">
-                        <div className="row g-3 bg-white p-4 rounded-3 mt-3">
+                    <form onSubmit={sendMail} className="pt-2 px-1">
+                        <div className="row g-3 bg-white p-4 mt-3" style={{ borderRadius: "var(--border-radius)" }}>
                             <div className="text-center text-sm-start mb-4">
                                 <h2 className={styles.subtitle}>Formulário de contacto</h2>
                                 <span>Preencha o formulário abaixo para entrar em contacto connosco</span>
@@ -345,9 +345,9 @@ export default function Home() {
                     </form>
                 </div>
 
-                <div className="col-12 col-lg-4 mt-lg-5 px-0 ps-lg-4">
-                    <div className="h-100 pt-4">
-                        <div className={`${styles.userVideosWatched} text-start justify-content-evenly d-flex flex-column h-100 p-4`}>
+                <div className="col-12 col-lg-4 mt-lg-5 px-sm-0 ps-lg-4 pe-lg-3 px-2">
+                    <div className="h-100 pt-4 px-1 px-lg-0">
+                        <div className={`${styles.userVideosWatched} text-start justify-content-evenly d-flex flex-column h-100 p-4 mx-sm-2 ms-lg-2 me-lg-0`}>
                             <div className="d-flex flex-column">
                                 <span className="fw-normal fs-3 text-white" > {role === 1 ? "Vídeos ativos" : "Vídeos assistidos"}</span>
                                 <span className=" fw-bold text-white" style={{ fontSize: "4rem" }}>{role === 1 ? videosCount : `${videosWatched}/${videosCount}`}</span>